@font-face{font-family:"Booky Serif";font-style:normal;font-weight:400 500;font-stretch:100%;font-display:swap;src:url("/assets/fonts/newsreader-roman-latin.6e4f2958c3.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Booky Serif";font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url("/assets/fonts/newsreader-italic-latin.2bf0dbb1a4.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Booky Sans";font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url("/assets/fonts/schibsted-grotesk-latin.4c8b93f431.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Booky Naskh";font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url("/assets/fonts/noto-naskh-arabic-700-arabic.d2d8e6b155.woff2") format("woff2");unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:"Booky Sans Arabic";font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url("/assets/fonts/noto-sans-arabic-arabic.ce85091f02.woff2") format("woff2");unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:"Booky Digits";font-style:normal;font-weight:400 500;font-stretch:100%;font-display:swap;src:url("/assets/fonts/booky-digits.ead41aac34.woff2") format("woff2");unicode-range:U+0030-0039, U+002C, U+002E;}
@font-face{font-family:"Booky Names";font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url("/assets/fonts/booky-names.5de053544b.woff2") format("woff2");}
@font-face{font-family:"Booky Serif FB";src:local("Georgia");font-weight:400 600;font-display:swap;size-adjust:96.6000%;ascent-override:76.0900%;descent-override:27.4300%;line-gap-override:0%;}
@font-face{font-family:"Booky Serif FB2";src:local("Noto Serif"),local("NotoSerif-Regular");font-weight:400 600;font-display:swap;size-adjust:100.0000%;ascent-override:73.5000%;descent-override:26.5000%;line-gap-override:0%;}
@font-face{font-family:"Booky Sans FB";src:local("Arial"),local("ArialMT");font-weight:400 600;font-display:swap;size-adjust:103.6000%;ascent-override:94.2600%;descent-override:24.8900%;line-gap-override:0%;}
@font-face{font-family:"Booky Sans FB2";src:local("Roboto"),local("Roboto-Regular");font-weight:400 600;font-display:swap;size-adjust:100.0000%;ascent-override:97.6563%;descent-override:25.7813%;line-gap-override:0%;}
@font-face{font-family:"Booky Naskh FB";src:local("Noto Naskh Arabic Bold"),local("NotoNaskhArabic-Bold"),local("Noto Naskh Arabic UI Bold");font-weight:700;font-display:swap;size-adjust:100.0000%;ascent-override:106.9000%;descent-override:63.4000%;line-gap-override:0%;}
@font-face{font-family:"Booky Naskh FB2";src:local("Segoe UI Bold"),local("SegoeUI-Bold");font-weight:700;font-display:swap;size-adjust:91.1000%;ascent-override:117.3400%;descent-override:69.5900%;line-gap-override:0%;}
@font-face{font-family:"Booky Sans Arabic FB";src:local("Segoe UI"),local("SegoeUI");font-weight:400 600;font-display:swap;size-adjust:93.9000%;ascent-override:146.3300%;descent-override:78.5900%;line-gap-override:0%;}
:root {
  --black:#000000; --white:#FFFFFF; --ink:#0A0A0A; --ink-soft:#3A3A3A; --mute:#666666; --rule:#E3E3E3; --leader:#8C8C8C; --white-soft:#D4D4D4; --mute-dark:#9A9A9A; --rule-dark:#2A2A2A; --press-on-white:#2B2B2B; --press-on-black:#E6E6E6; --device:#0B0B0B; --device-ring:#1A1A1A; --brand-yellow:#F6BE13;
  --f-serif:"Booky Serif","Booky Serif FB","Booky Serif FB2",Georgia,serif;
  --f-sans:"Booky Sans","Booky Sans FB","Booky Sans FB2",Arial,sans-serif;
  --f-naskh:"Booky Naskh","Booky Sans","Booky Naskh FB","Booky Naskh FB2",serif;
  --f-sans-ar:"Booky Sans Arabic","Booky Sans","Booky Sans Arabic FB",sans-serif;
  --f-num-rtl:"Booky Digits","Booky Sans Arabic","Booky Sans Arabic FB",sans-serif;
  --display:var(--f-serif); --body:var(--f-sans);
  --t-hero:clamp(2.5rem,min(0.9rem + 5.2vw,11svh),6.25rem); --t-display-l:clamp(2.25rem,1.4rem + 2.8vw,4.5rem); --t-display-m:clamp(1.875rem,1.3rem + 1.8vw,3rem); --t-title:clamp(1.375rem,1.2rem + 0.6vw,1.75rem); --t-dek:clamp(1.1875rem,1.05rem + 0.45vw,1.4375rem); --t-price:clamp(1.75rem,1.2rem + 2.6vw,3.5rem); --t-price-name:clamp(1.25rem,1.05rem + 1vw,2rem); --t-body:1.0625rem; --t-body-l:1.125rem; --t-label:.9375rem; --t-button:1rem; --t-caption:.9375rem; --t-micro:.8125rem;
  --lh-body:1.6; --lh-hero:.98; --lh-display:1.04; --lh-title:1.2; --tracking:-.015em;
  --ease-ink:cubic-bezier(.2,0,0,1); --ease-page:cubic-bezier(.65,0,.35,1); --ease-press:cubic-bezier(.3,0,.1,1);
  --t-press:120ms; --t-hover:200ms; --t-bar:320ms; --t-fade:300ms; --t-swap:480ms; --t-rule:700ms; --t-spine:700ms; --t-wipe:900ms; --t-develop:1600ms;
  --start:left; --end:right; --dir:1; --margin:16px; --gap:12px; --cols:4; --mast-h:56px; --hairline:1px;
  --shadow-object:0 48px 64px -32px rgb(0 0 0 / .28);
}
[dir=rtl] { --start:right; --end:left; --dir:-1; }
html[dir=rtl] {
  --display:var(--f-naskh); --body:var(--f-sans-ar); --t-hero:clamp(2.25rem,min(.9rem + 4.4vw,10svh),5.25rem); --t-display-l:clamp(2rem,1.3rem + 2.3vw,3.75rem); --t-display-m:clamp(1.75rem,1.2rem + 1.6vw,2.75rem); --t-title:clamp(1.25rem,1.1rem + .5vw,1.625rem); --t-dek:clamp(1.125rem,1rem + .4vw,1.375rem); --t-price-name:clamp(1.25rem,1.05rem + .9vw,1.75rem); --t-body:1.125rem; --t-body-l:1.1875rem; --t-label:1rem; --t-button:1.0625rem; --t-caption:1rem; --t-micro:.875rem; --lh-body:1.85; --lh-hero:1.32; --lh-display:1.4; --lh-title:1.5; --tracking:0;
}
* { box-sizing:border-box; }
html { scroll-padding-top:calc(var(--mast-h) + 16px); font-synthesis:none; font-optical-sizing:auto; }
[data-section] { scroll-margin-top:-16px; }
body { margin:0; background:var(--black); color:var(--ink); font:400 var(--t-body)/var(--lh-body) var(--body); overflow-x:clip; }
::selection { background:var(--brand-yellow); color:var(--black); }
h1,h2,h3,p,figure,dl,dd { margin:0; }
h1,h2,h3 { font-family:var(--display); font-weight:500; text-wrap:balance; letter-spacing:var(--tracking); max-inline-size:18ch; }
h1,h2 { font-size:var(--t-display-l); line-height:var(--lh-display); }
h3 { font-size:var(--t-title); line-height:var(--lh-title); }
p { text-wrap:pretty; max-inline-size:64ch; }
:lang(ckb),:lang(ar) { letter-spacing:0; }
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3 { font-weight:700; max-inline-size:20ch; font-style:normal; }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:.18em; }
a:lang(ckb),a:lang(ar) { text-underline-offset:.4em; }
:focus-visible { outline:2px solid var(--focus,currentColor); outline-offset:3px; }
main:focus { outline:none; }
img,svg { max-inline-size:100%; }
img { display:block; block-size:auto; }
.latin { font-family:var(--f-sans); letter-spacing:0; font-style:normal; }
.num,.money { font-variant-numeric:lining-nums tabular-nums; }
.money,.dur { white-space:nowrap; }
.money .num,.dur .num { font-family:var(--f-serif); }
html[dir=rtl] .money .num,html[dir=rtl] .dur .num,html[dir=rtl] .dial .num { font-family:var(--f-num-rtl); }
html[dir=rtl] .dial .dial-time { font-family:var(--f-num-rtl); }html[dir=rtl] .dial .dial-colon { font-family:var(--f-sans); }
.vh { position:absolute; inline-size:1px; block-size:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.grid { display:grid; grid-template-columns:repeat(var(--cols),minmax(0,1fr)); gap:0 var(--gap); inline-size:calc(100% - var(--margin) * 2); max-inline-size:1440px; margin-inline:auto; }
.page { position:relative; z-index:1; padding-block:clamp(72px,2rem + 9vw,176px); }
.page--white { --page:var(--white); --fg:var(--ink); --text:var(--ink-soft); --muted:var(--mute); --line:var(--rule); --focus:var(--ink); background:var(--page); color:var(--fg); }
.page--black { --page:var(--black); --fg:var(--white); --text:var(--white-soft); --muted:var(--mute-dark); --line:var(--rule-dark); --focus:var(--white); background:var(--page); color:var(--fg); }
.side-head { grid-column:1/-1; font:500 var(--t-label)/1.6 var(--body); color:var(--muted); margin-block-end:24px; align-self:baseline; }
.section-title { grid-column:1/-1; margin-block-end:24px; align-self:baseline; }
.section-body { grid-column:1/-1; color:var(--text); margin-block-end:48px; }
.rule { position:relative; }
.rule::before { content:""; position:absolute; inset-inline:0; inset-block-start:0; block-size:var(--hairline); background:var(--line); transform-origin:var(--start); transform:scaleX(1); transition:transform var(--t-rule) var(--ease-ink); }
.ledger>.rule:nth-child(2)::before,.cat-row:nth-child(2)::before { transition-delay:90ms; }
.ledger>.rule:nth-child(3)::before,.cat-row:nth-child(3)::before { transition-delay:180ms; }
.ledger>.rule:nth-child(4)::before { transition-delay:270ms; }.ledger>.rule:nth-child(5)::before { transition-delay:360ms; }
.masthead { position:sticky; inset-block-start:0; z-index:10; block-size:var(--mast-h); color:var(--white); background:var(--black); border-block-end:1px solid var(--rule-dark); }
.masthead__inner { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-inline:var(--margin); block-size:100%; }
.wordmark { display:flex; align-items:center; flex-shrink:0; min-block-size:44px; }
.wordmark svg { inline-size:auto; block-size:22px; }
.index,.mast-cta { display:none; }
.lang-trio { display:flex; align-items:center; gap:0; white-space:nowrap; font:500 14px/1.4 var(--f-sans); }
.masthead .lang-trio { margin-inline-start:auto; }
.lang-trio a { display:inline-flex; align-items:center; justify-content:center; min-inline-size:44px; min-block-size:44px; color:var(--mute-dark); text-decoration:none; }
.lang-trio a[aria-current=page] { color:var(--white); }
.lang-trio a[aria-current=page],.index [aria-current=true] { text-decoration:underline; text-decoration-thickness:1px; }
.lang-dot { margin-inline:8px; color:var(--mute-dark); }
html:lang(en) .lang-name:lang(ckb),html:lang(en) .lang-name:lang(ar) { font-family:"Booky Names","Booky Sans Arabic FB",sans-serif; }
html[dir=rtl] .lang-name:lang(ckb),html[dir=rtl] .lang-name:lang(ar) { font-family:var(--f-sans-ar); }
.skip { position:fixed; inset-block-start:8px; inset-inline-start:16px; z-index:30; padding:12px; background:var(--black); color:var(--white); transform:translateY(-200%); }
.skip:focus { transform:none; outline:2px solid var(--white); }
.btn { display:inline-flex; justify-content:center; align-items:center; gap:12px; inline-size:100%; min-block-size:56px; padding:16px 28px; border-radius:2px; text-decoration:none; font:600 var(--t-button)/1 var(--body); text-align:center; transition:transform var(--t-press) var(--ease-press); }
.btn--ink { background:var(--ink); color:var(--white); --focus:var(--ink); }
.btn--paper { background:var(--white); color:var(--black); --focus:var(--white); }
.btn { position:relative; isolation:isolate; }
.btn::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:2px; opacity:0; transition:opacity var(--t-hover) var(--ease-press); }
.btn--ink::before { background:var(--press-on-white); }.btn--paper::before { background:var(--press-on-black); }
.btn:active,.mast-cta:active { transform:scale(.985); }
.icon-arrow { flex:0 0 16px; }
html[dir=rtl] .icon-arrow { transform:scaleX(-1); }
.text-link { display:inline-flex; align-items:center; min-block-size:44px; }
.spread { position:relative; background:var(--white); color:var(--ink); overflow:hidden; overflow:clip; }
.spread__content { position:relative; padding-block:0; }
.spread__dek { grid-column:1/-1; margin-inline:calc(-1 * var(--margin)); padding:24px var(--margin) 16px; max-inline-size:none; color:var(--white-soft); background:var(--black); font:400 1rem/1.45 var(--f-serif); }
html[dir=rtl] .spread__dek { font-family:var(--f-sans-ar); line-height:1.7; }
.spread__h1 { display:grid; grid-column:1/-1; grid-template-columns:subgrid; max-inline-size:none !important; font-size:var(--t-hero); line-height:var(--lh-hero); letter-spacing:-.02em; }
.h1a,.h1b { position:relative; grid-column:1/-1; text-wrap:balance; }
.h1a { color:var(--white); background:var(--black); margin-inline:calc(-1 * var(--margin)); padding-inline:var(--margin); padding-block-end:20px; }
.h1b { padding-block-start:12px; margin-block-end:16px; }
.spread__act { grid-column:1/-1; }
.spread__body { color:var(--ink-soft); font-size:17px; line-height:1.6; margin-block-end:24px; }
html[dir=rtl] .spread__body { line-height:1.7; }
.spread__helper { color:var(--mute); font:400 14px/1.6 var(--body); margin-block-start:12px; }
.spread__play { grid-column:1/-1; font:400 14px/1.6 var(--body); color:var(--mute); margin-block-start:8px; }
.phone { --phone-w:min(72vw,320px); --bezel:8px; --radius:calc(var(--phone-w) * .155); grid-column:1/-1; justify-self:center; inline-size:var(--phone-w); padding:var(--bezel); background:var(--device); border-radius:var(--radius); box-shadow:0 0 0 1px var(--device-ring),var(--shadow-object); margin-block-start:32px; margin-block-end:calc(var(--phone-w) * -0.65); overflow:hidden; }
.phone picture { display:block; aspect-ratio:393/852; overflow:hidden; border-radius:calc(var(--radius) - var(--bezel)); }
.phone img { inline-size:100%; block-size:100%; object-fit:cover; object-position:top; }
#prices { border-block-start:1px solid var(--rule); }
#categories,#how-it-works,#inside-the-app,#for-venues,#languages,#questions { content-visibility:auto; contain-intrinsic-size:auto 1200px; }
.menu-block { grid-column:1/-1; min-inline-size:0; }
.menu { position:relative; inline-size:100%; border-collapse:collapse; }
.menu::before,.menu::after { content:""; position:absolute; inset-inline:0; block-size:6px; border-block-start:2px solid var(--leader); border-block-end:1px solid var(--leader); transform-origin:var(--start); transition:transform var(--t-rule) var(--ease-ink); }
.menu::before { inset-block-start:0; }.menu::after { inset-block-end:0; transition-delay:1180ms; }
.menu caption { text-wrap:pretty; padding-block:22px 16px; text-align:start; color:var(--mute); font:500 14px/1.6 var(--body); }
.menu th,.menu td { padding-block:20px; text-align:start; vertical-align:middle; }
.menu__name { font:500 20px/1.15 var(--display); }
.menu__mid { inline-size:100%; padding-inline:8px; }
.menu__wrap { display:flex; align-items:baseline; }
.menu__dur { font:italic 400 15px/1.5 var(--f-serif); color:var(--mute); white-space:nowrap; }
.menu__leader { display:block; position:relative; flex:1; min-inline-size:24px; block-size:1.4em; margin-inline:8px; overflow:hidden; overflow:clip; background-image:radial-gradient(circle,var(--leader) 0 .9px,transparent 1.3px); background-size:8px 4px; background-repeat:repeat-x; background-position:var(--start) bottom .28em; }
.menu__leader::after { content:""; position:absolute; inset:0; background:var(--white); transform:translateX(calc(101% * var(--dir))); transition:transform var(--t-rule) var(--ease-ink); }
.menu__price { font:400 var(--t-price)/1 var(--f-serif); text-align:end !important; white-space:nowrap; transition:opacity var(--t-fade) var(--ease-page); }
.menu__price .unit { font:500 14px/1 var(--body); color:var(--ink-soft); }
.menu tr { --delay:200ms; min-block-size:72px; }.menu tr:nth-child(2){--delay:270ms}.menu tr:nth-child(3){--delay:340ms}.menu tr:nth-child(4){--delay:410ms}.menu tr:nth-child(5){--delay:480ms}
.menu__leader::after { transition-delay:var(--delay); }.menu__price { transition-delay:calc(var(--delay) + 450ms); }
.menu-note { margin-block:24px 12px; color:var(--mute); font-size:var(--t-caption); }
html[dir=rtl] .menu__name { font-weight:700; line-height:1.4; }
html[dir=rtl] .menu__dur { font:400 16px/1.6 var(--f-sans-ar); }
html[dir=rtl] .menu__price .unit { font-weight:600; }
html[dir=rtl] .menu__price { font-family:var(--f-sans-ar); }
.category-layout { grid-column:1/-1; }
.cat-row { padding-block:32px 0; margin-block-end:56px; }
.cat-row h3 { font-size:var(--t-display-m); margin-block-end:16px; }
.cat-row h3 a { text-decoration:none; }
.cat-row p { max-inline-size:36ch; color:var(--white-soft); }
.cat-row .cat-price { color:var(--mute-dark); font:italic 400 20px/1.5 var(--f-serif); margin-block:16px 24px; }
html[dir=rtl] .cat-row .cat-price { font:400 17px/1.7 var(--body); }
.category-sticky { display:none; }
.plate { min-inline-size:0; }
.plate picture { display:block; }
.plate img { inline-size:100%; }
.plate--mono picture,.plate--mono .dial { filter:grayscale(1) contrast(1.04); }
.plate figcaption { margin-block-start:24px; color:var(--muted); font-size:var(--t-caption); }
.plate figcaption h3 { font:italic 400 22px/1.3 var(--f-serif); color:var(--fg); margin-block-end:8px; }
html[dir=rtl] .plate figcaption h3 { font:700 20px/1.5 var(--f-naskh); }
.cat-inline figcaption { font-size:15px; }.cat-inline figcaption span { display:block; }
.section-rule { grid-column:1/-1; block-size:1px; margin-block-end:48px; }
.steps { grid-column:1/-1; display:grid; gap:64px; }
.step .plate { margin-inline:calc(-1 * var(--margin)); }
.step .plate picture,.step .dial { aspect-ratio:1; inline-size:100%; block-size:auto; object-fit:cover; }
.step .plate img { aspect-ratio:1; object-fit:contain; object-position:top; background:var(--black); }
.step h3,.afterword h3 { font:italic 400 28px/1.2 var(--f-serif); margin-block:24px 16px; max-inline-size:none; }
html[dir=rtl] .step h3,html[dir=rtl] .afterword h3 { font:700 22px/1.5 var(--f-naskh); }
.step p,.afterword p { font-size:16px; color:var(--ink-soft); }
.afterword { grid-column:1/-1; display:flex; flex-direction:column-reverse; gap:0; margin-block-start:64px; }
.afterword .plate { margin-inline:calc(-1 * var(--margin)); }
.section-link { grid-column:1/-1; margin-block-start:32px; }
.essay { grid-column:1/-1; display:grid; gap:72px; }
.plate__img { position:relative; }
.essay .plate__img { margin-inline:calc(-1 * var(--margin)); }
.plate__mono { position:absolute; inset:0; filter:grayscale(1) contrast(1.04); opacity:0; transition:opacity var(--t-develop) var(--ease-page); }
.essay-home img { aspect-ratio:4/5; object-fit:cover; object-position:top; }
.essay-venue img { aspect-ratio:1; object-fit:contain; object-position:top; background:var(--black); }
.essay figcaption { max-inline-size:36ch; }
.app-closing { grid-column:1/-1; margin-block-start:72px; }
.app-closing p { font:400 var(--t-dek)/1.45 var(--display); color:var(--white-soft); }
html[dir=rtl] .app-closing p { font:400 var(--t-dek)/1.7 var(--body); }
.app-closing .btn { margin-block-start:32px; }
.ledger { grid-column:1/-1; margin-block-end:32px; }
.ledger > div { padding-block:24px; }.ledger dt { font:italic 400 22px/1.3 var(--f-serif); margin-block-end:8px; }.ledger dd { font-size:16px; color:var(--ink-soft); }
html[dir=rtl] .ledger dt { font:700 18px/1.5 var(--f-naskh); }
.venues-action { grid-column:1/-1; }.venues-action p { font-size:var(--t-caption); color:var(--mute); margin-block-start:16px; overflow-wrap:anywhere; }
#languages h2 { font-size:var(--t-display-m); }.set { grid-column:1/-1; margin-block-start:24px; }
.set-item { border-block-start:var(--hairline) solid var(--rule-dark); padding-block:24px; }
.set-line { text-wrap:balance; display:block; position:relative; min-block-size:88px; font:500 var(--t-display-m)/1.2 var(--f-serif); color:var(--mute-dark); text-align:start; text-decoration:none; }
.set-line:lang(ckb),.set-line:lang(ar) { font:700 var(--t-display-m)/1.5 var(--f-naskh); }
.set-line[aria-current=page] { color:var(--white); }
.set-item p { color:var(--mute-dark); font:400 15px/1.6 var(--body); text-align:start; }
.set-line::after { content:""; position:absolute; inset:-2px; background:var(--black); transform:scaleX(0); transition:transform var(--t-wipe) var(--ease-ink); pointer-events:none; }
.set-line[dir=rtl]::after { transform-origin:left; }.set-line[dir=ltr]::after { transform-origin:right; }
.set-item:nth-child(2) .set-line::after { transition-delay:150ms; }.set-item:nth-child(3) .set-line::after { transition-delay:300ms; }
html:lang(en):not(.set-fonts) .set-line:lang(ckb),html:lang(en):not(.set-fonts) .set-line:lang(ar) { font-family:"Booky Naskh FB","Booky Naskh FB2",serif; }
html[dir=rtl]:not(.set-fonts) .set-line:lang(en) { font-family:"Booky Serif FB","Booky Serif FB2",Georgia,serif; }
.languages-body { margin-block:32px 0; }
.questions { grid-column:1/-1; display:grid; gap:32px; }.question { padding-block-start:24px; }.q { font-size:24px; margin-block-end:16px; max-inline-size:none; }.a { color:var(--ink-soft); overflow-wrap:anywhere; }
html[dir=rtl] .q { font-size:20px; max-inline-size:none; }
.colophon { padding-block:64px; position:relative; z-index:1; }
.colophon__sign,.footer-languages { grid-column:1/-1; }.footer-wordmark { block-size:32px; inline-size:auto; }.signoff { font:italic 400 var(--t-display-m)/1.4 var(--f-serif); margin-block:24px 16px; }
html[dir=rtl] .signoff { font:700 var(--t-display-m)/1.4 var(--f-naskh); }
.footer-cta { font:400 28px/1.5 var(--f-serif); text-decoration-thickness:2px; text-underline-offset:6px; display:inline-block; padding-block:8px; }
html[dir=rtl] .footer-cta { font:700 24px/1.5 var(--f-naskh); text-underline-offset:.4em; }
.footer-contents,.footer-links { grid-column:span 2; margin-block:48px 32px; min-inline-size:0; }
.colophon nav>a { display:block; color:var(--white-soft); margin-block:8px; font-size:15px; overflow-wrap:break-word; }
.group-label { font:500 15px/1.5 var(--body); color:var(--mute-dark); margin-block-end:16px; }
.colophon__bottom { grid-column:1/-1; margin-block-start:48px; padding-block-start:24px; color:var(--mute-dark); font-size:var(--t-micro); display:grid; gap:24px; }.colophon__bottom p { max-inline-size:60ch; }
.mobile-bar { position:fixed; z-index:15; inset-inline:0; inset-block-end:0; block-size:calc(64px + env(safe-area-inset-bottom)); padding:8px 16px calc(8px + env(safe-area-inset-bottom)); background:var(--black); border-block-start:1px solid var(--rule-dark); transform:translateY(100%); visibility:hidden; transition:transform var(--t-bar) var(--ease-ink),visibility 0s var(--t-bar); }
.mobile-bar .btn { min-block-size:48px; block-size:48px; padding-block:12px; }
html.bar-on .mobile-bar { transform:none; visibility:visible; transition-delay:0s; }
.article-page li::marker { font-variant-numeric:normal; }
.article-page { padding-block:64px 128px; }.article-head { grid-column:1/-1; margin-block-end:32px; }.article-head h1 { margin-block-end:24px; }.meta { color:var(--mute); font-size:15px; }
.article-toc { grid-column:1/-1; margin-block-end:32px; display:flex; flex-wrap:wrap; gap:12px 24px; font-size:15px; color:var(--ink-soft); }.article-toc [aria-current] { color:var(--ink); font-weight:600; }
.article-body { grid-column:1/-1; max-inline-size:66ch; color:var(--ink-soft); line-height:1.65; }.article-body section { margin-block-end:32px; }.article-page p,.article-page ul,.article-page ol { margin-block-end:20px; }.article-page h2 { font-size:32px; color:var(--ink); margin-block:64px 24px; padding-block-start:24px; border-block-start:var(--hairline) solid var(--rule); max-inline-size:none; }.article-page h3 { font:600 18px/1.5 var(--f-sans); margin-block:32px 16px; max-inline-size:none; }.article-page li { margin-block:8px; }.article-page ul,.article-page ol { padding-inline-start:24px; }
.table-scroll { overflow-x:auto; margin-block:24px; }.table-scroll table { min-inline-size:480px; border-collapse:collapse; font-size:16px; }.table-scroll th,.table-scroll td { padding:12px; border-block-end:var(--hairline) solid var(--rule); text-align:start; vertical-align:top; }.delete-methods { grid-column:1/-1; display:grid; gap:32px; color:var(--ink-soft); }.retention-list>div { padding-block:24px; border-block-end:var(--hairline) solid var(--rule); }.retention-list dt { font-weight:600; margin-block-end:8px; }.retention-list { margin-block-end:32px; }
.not-found { min-block-size:calc(100svh - var(--mast-h)); padding-block:96px; }.not-found__message { grid-column:1/-1; }.not-found h1,.not-found h2 { margin-block-end:24px; }.not-found p { margin-block-end:24px; }.not-found a { display:inline-block; padding-block:12px; margin-inline-end:24px; }.nf-block { margin-block-end:64px; }.nf-block:lang(en) { --body:var(--f-sans); font-family:var(--body); }.nf-block:lang(en) h2 { font-family:var(--f-serif); font-weight:500; }.nf-block:lang(ar),.nf-block:lang(ckb) { font-family:var(--f-sans-ar); }
.placeholder { display:grid; place-content:center; text-align:center; color:var(--mute-dark); background:var(--black); aspect-ratio:4/5; border:1px solid var(--rule-dark); padding:24px; font:400 16px/1.7 var(--body); }.placeholder--square { aspect-ratio:1; }.placeholder--wide { aspect-ratio:2; }.placeholder small { display:block; font-size:14px; }
.dial { display:block; direction:ltr; overflow:visible; }.dial-bg { fill:var(--black); }.dial-ring { fill:none; stroke:var(--mute-dark); stroke-width:1; }.dial text { fill:var(--white); text-anchor:middle; dominant-baseline:middle; font:400 18px var(--f-serif); }.dial .dial-closed { opacity:.3; }.dial-hand { fill:none; stroke:var(--white); stroke-width:2; }.dial-disc { fill:var(--white); }.dial .dial-time { font-size:32px; }.dial .dial-period { font:400 16px var(--body); }
@media (max-width:767px) { .phone { --rise:-5%; }body.home { padding-block-end:calc(64px + env(safe-area-inset-bottom)); } html { scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom)); } a { min-block-size:44px; } .menu__name { font-size:20px; }.menu__mid { inline-size:auto; padding-inline:4px 0; }.menu__leader { margin-inline:8px; }.menu__price { font-size:28px; inline-size:1%; } }
@media (max-width:359px) { .masthead__inner { gap:8px; }.lang-trio .current-language,.lang-trio .current-dot { display:none; }.lang-dot { margin-inline:4px; }.spread__dek { padding-block-start:16px; }.spread__body { font-size:16px; line-height:1.5; }html[dir=rtl] .spread__body { line-height:1.6; }.menu__name { font-size:18px; }.menu__price { font-size:26px; }.menu__price .unit { display:block; margin-block-start:6px; } }
@media (min-width:768px) {
  :root { --cols:8; --margin:40px; --gap:20px; --mast-h:64px; }.wordmark svg { block-size:26px; }.lang-trio { font-size:15px; }.lang-dot { margin-inline:12px; }.mast-cta { display:inline-flex; align-items:center; gap:12px; min-block-size:40px; padding-inline:16px; border:1px solid var(--white); border-radius:2px; font:600 15px/1 var(--body); text-decoration:none; }.btn { inline-size:auto; min-inline-size:240px; }.side-head { grid-column:1/3; margin-block-end:0; }.section-title { grid-column:3/-1; }.section-body { grid-column:3/8; }.menu-block { grid-column:3/-1; }.menu__name { white-space:nowrap; font-size:var(--t-price-name); }.menu th,.menu td { padding-block:32px; }.menu__mid { padding-inline:16px 0; }.menu__leader { min-inline-size:48px; margin-inline:16px; }.menu__dur { font-size:18px; }.spread__dek { padding-block:48px 24px; }.spread__act { grid-column:1/5; }.spread__play { grid-column:1/5; grid-row:4; align-self:start; margin-block-start:24px; }.phone { --phone-w:280px; --bezel:10px; grid-column:5/9; grid-row:3/6; margin-block-start:32px; }.spread__act { padding-block-start:24px; }.spread__content { padding-block-end:48px; }.category-layout { grid-column:3/-1; }.cat-inline { max-inline-size:560px; }.steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px 20px; }.step .plate { margin-inline:0; }.step .plate picture,.step .plate img,.step .dial { aspect-ratio:4/5; }.afterword { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:20px; margin-block-start:96px; }.afterword>div { grid-column:1/3; }.afterword h3 { margin-block-start:0; }.afterword .plate { grid-column:3/-1; margin-inline:0; }.section-link { grid-column:3/-1; }.essay .plate__img { margin-inline:0; }.essay { grid-column:3/-1; }.essay-home img { aspect-ratio:3/5; }.essay-venue img { aspect-ratio:4/5; }.app-closing,.venues-action,.ledger,.questions { grid-column:3/-1; }.ledger { margin-block-end:48px; }.set-line { font-size:var(--t-display-l); }.set-line:lang(ckb),.set-line:lang(ar) { font-size:var(--t-display-l); }.mobile-bar { display:none; }.footer-wordmark { block-size:40px; }.colophon__sign { grid-column:1/5; }.footer-contents { grid-column:5/7; margin:0; }.footer-links { grid-column:7/9; margin:0; }.footer-languages { grid-column:5/9; margin-block-start:32px; }.colophon__bottom { margin-block-start:96px; grid-template-columns:repeat(2,minmax(0,1fr)); }.colophon__bottom .legal { text-align:end; max-inline-size:none; }.article-head,.article-body,.delete-methods { grid-column:3/-1; }.article-toc { grid-column:1/3; grid-row:2/4; display:block; position:sticky; inset-block-start:96px; align-self:start; max-block-size:calc(100svh - 112px); overflow-y:auto; }.article-toc a { display:block; margin-block-end:16px; }.not-found__message { grid-column:3/-1; }
}
@media (min-width:1100px) {
  :root { --cols:12; --gap:24px; --margin:clamp(24px,4.5vw,80px); }.side-head { grid-column:1/4; }.section-title { grid-column:4/-1; }.section-body { grid-column:4/9; }.menu-block { grid-column:4/11; }.category-layout { grid-column:4/-1; display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:24px; }.category-rows { grid-column:1/6; }.cat-row { min-block-size:max(36vh,280px); display:flex; flex-direction:column; justify-content:center; margin:0; padding-block:32px; }.cat-row::before { inline-size:calc(180% + 19.2px); }.cat-row:last-of-type { border-block-end:1px solid var(--rule-dark); }.category-rows>.text-link { margin-block-start:48px; }.cat-inline { display:none; }.category-sticky { display:block; grid-column:6/10; position:sticky; inset-block-start:96px; align-self:start; aspect-ratio:1; }.cat-stack { position:absolute; inset:0; opacity:0; transition:opacity var(--t-swap) var(--ease-page); }.category-sticky[data-active=barber] [data-cat-plate=barber],.category-sticky[data-active=nails] [data-cat-plate=nails],.category-sticky[data-active=salon] [data-cat-plate=salon] { opacity:1; }.cat-stack figcaption { font-size:15px; }.cat-stack figcaption span { display:block; }.section-rule { grid-column:4/-1; }.steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }.afterword { grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; margin-block-start:128px; }.afterword>div { grid-column:1/4; }.afterword .plate { grid-column:4/-1; }.section-link { grid-column:4/-1; }.essay { grid-column:1/-1; grid-template-columns:repeat(12,minmax(0,1fr)); gap:128px 24px; }.essay-home { grid-column:1/6; }.essay-map { grid-column:7/13; margin-block-start:96px; }.essay-venue { grid-column:2/7; }.essay-appts { grid-column:8/13; margin-block-start:120px; }.essay-themes { grid-column:1/-1; display:grid; grid-template-columns:subgrid; }.essay-themes .plate__img { grid-column:4/12; }.essay-themes figcaption { grid-column:1/4; grid-row:1; margin:0; }.app-closing { grid-column:4/10; }#for-venues .grid { grid-template-rows:auto auto auto 1fr; }.ledger { grid-column:9/13; grid-row:2/5; }.venues-action { grid-column:4/9; grid-row:3; }#for-venues .section-title { grid-column:4/12; }#for-venues .section-body { font-size:var(--t-body-l); }.questions { grid-column:4/-1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }.colophon { padding-block:96px; }.colophon__sign { grid-column:1/7; }.footer-contents { grid-column:7/9; }.footer-links { grid-column:9/11; }.footer-languages { grid-column:11/13; margin:0; }.footer-languages .lang-trio { display:block; line-height:1.6; }.footer-languages .lang-dot { display:none; }.footer-languages .lang-trio a { display:block; inline-size:max-content; min-inline-size:0; min-block-size:0; margin-block:8px; }.article-head { grid-column:4/12; }.article-toc { grid-column:1/4; }.article-body { grid-column:4/10; }.delete-methods { grid-column:4/12; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.not-found__message { grid-column:4/-1; }
}
@media (min-width:1100px) and (min-height:600px) {
  .spread { min-block-size:clamp(600px,100svh - 64px,960px); }.spread::before,.spread::after { content:""; position:absolute; inset-block:0; inline-size:50%; }.spread::before { inset-inline-start:0; background:var(--black); }.spread::after { inset-inline-end:0; background:var(--white); }.spread__content { z-index:1; block-size:100%; padding-block:64px 0; grid-template-rows:auto auto auto minmax(0,1fr); }.spread__dek { grid-column:2/6; grid-row:1; margin:0 0 24px; padding:0; background:none; font-size:var(--t-dek); max-inline-size:34ch; }.spread__h1 { grid-column:1/-1; grid-row:2/4; grid-template-rows:subgrid; }.h1a { grid-column:1/7; grid-row:1; padding:0; padding-inline-end:20px; margin:0; background:none; align-self:end; text-align:end; }.h1b { grid-column:7/13; grid-row:2; padding:0; padding-inline-start:20px; margin:0; align-self:start; text-align:start; }.spread__act { grid-column:9/13; grid-row:4; padding-block-start:32px; padding-inline-start:16px; }.spread__body { font-size:18px; max-inline-size:32ch; }.spread__play { grid-column:1/5; grid-row:4; color:var(--mute-dark); text-align:end; margin-block-start:8px; font-size:15px; }.phone { --phone-w:clamp(240px,19.5vw,300px); grid-column:5/9; grid-row:4; align-self:start; margin-block:48px calc(-48px - var(--phone-w) * 2.2 - 20px); }.spread .btn { min-inline-size:0; inline-size:100%; padding-inline:16px; }.h1a::before { transform-origin:var(--start); }.h1b::before { transform-origin:var(--end); }
}
@media (min-width:1100px) and (max-height:800px) { .spread__content { padding-block-start:48px; } }
@media (min-width:1440px) { html:lang(en) .index { display:flex; } html:lang(en) .masthead .lang-trio { margin-inline-start:0; } }
@media (min-width:1360px) { html[dir=rtl] .index { display:flex; } html[dir=rtl] .masthead .lang-trio { margin-inline-start:0; } }
.index { align-items:center; gap:28px; white-space:nowrap; font:500 15px/1.4 var(--body); margin-inline:auto; }.index a { color:var(--mute-dark); text-decoration:none; }.index [aria-current=true] { color:var(--white); }
@media (hover:hover) and (pointer:fine) { a:hover { text-decoration-thickness:2px; }.btn:hover::before { opacity:1; }.mast-cta:hover { color:var(--black); background:var(--white); }.lang-trio a:hover,.lang-trio a:focus-visible,.set-line:hover,.set-line:focus-visible,.index a:hover { color:var(--white); }.cat-row h3 a:hover,.cat-row h3 a:focus-visible { text-decoration:underline; } }
@media (prefers-reduced-motion:no-preference) {
  html { scroll-behavior:smooth; }.h1a::before,.h1b::before { content:""; position:absolute; inset:-.12em -.04em; pointer-events:none; transform:scaleX(0); transform-origin:var(--end); animation:spine var(--t-spine) var(--ease-ink) 120ms both; }.h1a::before { background:var(--black); }.h1b::before { background:var(--white); animation-delay:200ms; }
  html.motion .rule[data-reveal]:not(.is-in)::before,html.motion .menu:not(.is-in)::before,html.motion .menu:not(.is-in)::after { transform:scaleX(0); }
  html.motion .menu:not(.is-in) .menu__leader::after { transform:translateX(0); }html.motion .menu:not(.is-in) .menu__price { opacity:0; }
  html.motion .plate--develop:not(.is-in) .plate__mono { opacity:1; }html.motion .set:not(.is-in) .set-line::after { transform:scaleX(1); }
}
@keyframes spine { from { transform:scaleX(1); } to { transform:scaleX(0); } }
@media (min-width:1100px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
  @supports (animation-timeline:view()) and (timeline-scope:--cover) {
    main { timeline-scope:--cover; }.spread { position:sticky; inset-block-start:var(--mast-h); }#prices { view-timeline:--cover block; view-timeline-inset:var(--mast-h) max(0px, 100svh - var(--mast-h) - 960px); }.spread__content { transform-origin:50% 0; will-change:transform,opacity; animation:recede linear both; animation-timeline:--cover; animation-range:entry 0% entry 100%; }#prices::before { content:""; position:absolute; inset-inline:0; inset-block-end:100%; block-size:40px; background:linear-gradient(to top,rgb(0 0 0 / .16),transparent); opacity:0; pointer-events:none; animation:sheet linear both; animation-timeline:--cover; animation-range:entry 0% entry 12%; }
  }
}
@keyframes recede { to { transform:scale(.94); opacity:.35; } }@keyframes sheet { to { opacity:1; } }
@media (min-width:1100px) and (prefers-reduced-motion:no-preference) {
  .h1a::before { transform-origin:var(--start); }
  @supports (animation-timeline:view()) {
    .steps { view-timeline:--steps block; }.step { animation:fall linear both; animation-timeline:--steps; animation-range:entry 0% cover 50%; }.step:nth-child(1){--y:0px}.step:nth-child(2){--y:32px}.step:nth-child(3){--y:64px}.step:nth-child(4){--y:96px}
    .essay .plate { --drift:3%; animation:drift linear both; animation-timeline:view(); }.essay-venue,.essay-appts { --drift:7% !important; }
  }
}
@keyframes fall { from { transform:translateY(var(--y)); } to { transform:none; } }@keyframes drift { from { transform:translateY(calc(-1 * var(--drift))); } to { transform:translateY(var(--drift)); } }
@media (max-width:1099px) and (prefers-reduced-motion:no-preference) { @supports (animation-timeline:scroll(root)) { .phone { animation:rise linear both; animation-timeline:scroll(root); animation-range:0 80svh; } } }
@keyframes rise { to { transform:translateY(var(--rise,-14%)); } }
@media (prefers-reduced-motion:reduce) { .plate__mono { display:none; }.set-line::after { display:none; }.rule::before,.menu::before,.menu::after,.menu__leader::after,.menu__price,.cat-stack { transition:none; }.mobile-bar { transform:none; opacity:0; transition:opacity 120ms,visibility 0s 120ms; }html.bar-on .mobile-bar { opacity:1; transition-delay:0s; } }
@media (prefers-contrast:more) { :root { --mute:#4D4D4D; --mute-dark:#C2C2C2; --rule:#BDBDBD; --rule-dark:#5A5A5A; --hairline:2px; } }
@media (forced-colors:active) { .btn,.mast-cta { border:1px solid ButtonText; }.rule::before { background:CanvasText; }.menu::before,.menu::after { border-color:CanvasText; }.menu__leader { background:none; border-block-end:1px dotted CanvasText; }.menu__leader::after,.set-line::after,.h1a::before,.h1b::before { display:none; } }
@media (max-height:500px) { .masthead { position:relative; }.mobile-bar { display:none; }body.home { padding-block-end:0; }html { scroll-padding-block:16px; } }
@media print { * { background:transparent !important; color:var(--black) !important; box-shadow:none !important; animation:none !important; transition:none !important; transform:none !important; opacity:1 !important; }body.home { padding:0; }.masthead,.lang-trio,.btn,.mast-cta,.mobile-bar,.category-sticky,.plate__mono { display:none !important; }.spread { block-size:auto; position:static; }.spread__content { display:block; }.spread__h1 { display:block; }.phone { display:none; }.page,.colophon { padding-block:32px; }.grid { display:block; inline-size:100%; }.cat-inline { display:block; }.set-line::after,.h1a::before,.h1b::before,.menu__leader::after { display:none; }a[href^="https://"]::after { content:" (" attr(href) ")"; font:400 12px var(--f-sans); }.article-toc { position:static; }.plate { break-inside:avoid; max-inline-size:400px; margin-block:24px; } }