@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/assets/fonts/geistmono-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cairo";src:url(/assets/fonts/cairo-latin.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cairo";src:url(/assets/fonts/cairo-arabic.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

:root{
  --paper:#f4f0e5;--ink:#712f17;
  --clay:#ce7240;--rust:#c1512e;--rust-d:#a44222;--apricot:#d9935b;
  --sage:#99a974;--sage-p:#b5bc9d;--olive:#7d964b;--teal:#60929b;--teal-p:#90b7bb;--navy:#415c84;
  --clay-12:#efe1d1;--clay-20:#ecd7c4;--clay-35:#e7c4ab;
  --apricot-20:#efddc9;--apricot-35:#ebcfb5;
  --sage-12:#e9e7d7;--sage-20:#e2e2ce;--sage-35:#d4d7bd;
  --teal-20:#d6ddd6;--teal-35:#c0cfcb;
  --sans:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --r:20px;--ease:cubic-bezier(.16,1,.3,1);--max:1280px;--gut:clamp(16px,4vw,48px);--nav:80px
}
html[lang=ar]{--sans:"Cairo","Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;--mono:"Cairo","Geist Mono",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:104px;-webkit-text-size-adjust:100%;color:var(--ink);background:var(--paper)}
html:has(.filter){scroll-padding-top:176px}
body{background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
input,textarea,select,button{color:var(--ink)}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px;z-index:40}
.skip:focus{inset-inline-start:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
h1,h2,h3{font-weight:700;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.3;font-weight:800}
h1{font-size:clamp(40px,5vw,70px);line-height:1}
h2{font-size:clamp(34px,4.9vw,66px);letter-spacing:-.035em}
h3{font-size:clamp(20px,1.9vw,26px)}
p{max-width:62ch}
.only-ar{display:none}
html[lang=ar] .only-ar{display:revert}
html[lang=ar] .only-en{display:none}
bdi,.ltr{unicode-bidi:isolate}
.nav{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:2px solid var(--clay-20)}
.nav-in{display:flex;align-items:center;gap:20px;height:var(--nav)}
.mark{display:flex;align-items:center;flex:none;height:68px}
.mark img{height:68px;width:auto}
.links{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px);font-weight:700;margin-inline-start:auto}
.links a:not(.btn){text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.links a:not(.btn):hover,.links a[aria-current=page]:not(.btn){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.lang{display:flex;align-items:center;gap:2px;flex:none}
.lang button{min-width:44px;min-height:44px;padding:0 8px;border:0;background:transparent;color:var(--ink);font:700 15px/1 var(--sans);cursor:pointer;border-radius:999px}
.lang button[aria-pressed=true]{background:var(--clay-20);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.lang .sep{display:none}
.burger{display:none;min-height:44px;padding:0 18px;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:700 15px/1 var(--sans);cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;border:2px solid var(--ink);font:700 16px/1.1 var(--sans);text-decoration:none;text-align:center;cursor:pointer;transition:transform .25s var(--ease),background-color .25s,color .25s,border-color .25s}
.btn:active{transform:scale(.98)}
.btn-p{background:var(--ink);color:var(--paper)}
.btn-p:hover{background:var(--rust-d);border-color:var(--rust-d)}
.btn-o{background:transparent;color:var(--ink)}
.btn-o:hover{background:var(--ink);color:var(--paper)}
.btn-s{min-height:44px;padding:0 20px;font-size:15px}
.btn[disabled]{opacity:.6;cursor:progress}
.link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;text-underline-offset:6px;text-decoration-thickness:2px}
.arr{display:inline-block}
html[dir=rtl] .arr{transform:scaleX(-1)}
.gap{display:inline-block;max-width:60ch;padding:5px 10px;border:1.5px dashed var(--rust-d);border-radius:8px;color:var(--rust-d);font:400 12px/1.4 var(--mono)}
.ph{display:flex;flex-direction:column;gap:8px}
.ph img{width:100%;border-radius:var(--r)}
.lk{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;--o:100% 100%}
.flipx{pointer-events:none}
html[dir=rtl] .flipx{transform:scaleX(-1)}
.ico{display:block;width:44px;height:44px;flex:none;overflow:visible}
.ico-s{width:22px;height:22px}
.ico-l{width:58px;height:58px;margin-bottom:16px}
.lk-loop{display:block;flex:none;overflow:visible}
.hero{position:relative;overflow:clip;display:flex;align-items:center;min-height:min(900px,calc(100dvh - var(--nav)));padding-block:clamp(40px,6vw,88px) clamp(72px,9vw,132px)}
.hero-art{position:absolute;inset:0}
.par-tools{position:absolute;top:0;right:0;width:clamp(210px,29vw,430px)}
.par-bowl{position:absolute;bottom:0;right:0;width:clamp(300px,45vw,690px)}
.lk-tools{--o:100% 0}
.hero-in{position:relative;width:100%}
.hero-copy{max-width:min(660px,56%)}
.hero h1{font-size:clamp(46px,6.6vw,100px);line-height:.95;letter-spacing:-.04em;margin-top:20px}
html[lang=ar] .hero h1{line-height:1.25;letter-spacing:0}
.strata{background:linear-gradient(180deg,var(--teal) 0 24%,var(--navy) 24% 42%,var(--olive) 42% 58%,var(--clay) 58% 74%,var(--rust) 74% 88%,var(--rust-d) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lead{margin-top:24px;font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:44ch}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,max-content);gap:10px;margin-top:40px}
.hero-links a{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 20px 6px 8px;border-radius:999px;background:var(--clay-12);text-decoration:none;font-weight:700;font-size:15px;transition:background-color .3s,transform .35s var(--ease)}
html[dir=rtl] .hero-links a{padding:6px 8px 6px 20px}
.hero-links a:hover{background:var(--clay-20);transform:translateY(-3px)}
.hero-links .ico,.hero-links .lk-loop{width:42px;height:42px}
.core{margin-top:32px;max-width:340px}
.core img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);background:var(--teal-p)}
.sec-title{display:flex;align-items:flex-start;gap:20px}
.sec-title .ico-l{margin:4px 0 0}
.sec-title .sub{margin-top:14px}
.sec{padding-block:clamp(48px,6vw,88px)}
.sec-head{display:grid;gap:14px;margin-bottom:34px}
.sec-head h2{max-width:18em}
.sub{font-size:18px}
.eyebrow{font:400 13px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase}
html[lang=ar] .eyebrow{text-transform:none;letter-spacing:0;font-weight:700}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"clay clay ug ug" "clay clay dg tl" "wh wh wh wh";gap:16px;margin-top:36px}
.t{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,28px);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.t:hover{transform:translateY(-4px);box-shadow:0 20px 34px -20px color-mix(in srgb,var(--ink) 55%,transparent)}
.t:active{transform:translateY(-1px) scale(.99)}
.t p:not(.price-big){font-size:15px;line-height:1.45}
.t-clay{grid-area:clay;background:var(--clay-20);overflow:hidden;padding-bottom:clamp(150px,15vw,230px)}
.t-ico{position:absolute;top:clamp(16px,1.8vw,24px);inset-inline-end:clamp(16px,1.8vw,24px);width:52px;height:52px}
.t-loop{height:64px;width:40px}
.t>h3,.t>div:first-of-type{padding-inline-end:64px}
.t-clay-art{position:absolute;bottom:0;inset-inline-end:0;width:min(64%,360px);transition:transform .6s var(--ease)}
.t-clay:hover .t-clay-art{transform:translateY(-6px)}
html[dir=rtl] .t-clay:hover .t-clay-art{transform:scaleX(-1) translateY(-6px)}
.t-ug{grid-area:ug;background:var(--sage-35)}
.t-dg{grid-area:dg;background:var(--apricot-35)}
.t-tl{grid-area:tl;background:var(--teal-p)}
.t-wh{grid-area:wh;background:var(--navy);color:var(--paper);flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,40px)}
.t-wh>div{display:grid;gap:10px;max-width:56ch}
.t-wh .photos{flex:none;width:min(46%,420px)}
.price-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px;font-weight:700;font-size:clamp(30px,3.2vw,46px);letter-spacing:-.025em;line-height:1}
html[lang=ar] .price-big{letter-spacing:0}
.price-big .frm,.price-big .cur{font-size:.36em;letter-spacing:.02em;font-weight:700}
.bodies{list-style:none;padding:0;display:grid;gap:6px;margin-top:2px}
.bodies li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;padding-block:5px;border-bottom:1.5px solid var(--clay-35)}
.bodies b{font-weight:700;white-space:nowrap}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}
.photos img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:transparent;mix-blend-mode:multiply}
.t-wh .photos img{aspect-ratio:4/3;object-fit:cover;mix-blend-mode:normal}
.t-wh .photos{grid-template-columns:1fr}
.more{margin-top:28px}
.why{--bg:var(--clay-12);position:relative;background:var(--bg);padding-block:clamp(72px,8vw,120px) clamp(56px,7vw,104px)}
.why-teal{--bg:var(--teal-20);color:var(--ink)}
.why:not(.why-teal){--bg:var(--ink);color:var(--paper)}
.why:not(.why-teal) :focus-visible{outline-color:var(--paper)}
.why .band{color:var(--ink)}
.why .core img{box-shadow:0 30px 60px -30px var(--rust-d)}
.why>.wrap{position:relative;z-index:1}
.why-art{position:absolute;top:0;inset-inline-end:0;width:clamp(200px,30vw,460px);z-index:0}
.why-art .lk{--o:100% 0}
.why-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.why-h{position:sticky;top:112px}
.why-h p{margin-top:18px;font-size:18px}
.band{position:relative}
.bands{display:grid;gap:16px}
.band{padding:clamp(22px,3vw,40px);border-radius:var(--r)}
.band h3{font-size:clamp(24px,2.6vw,34px)}
.band p{margin-top:10px;font-size:17px}
.b1{background:var(--apricot-35)}
.b2{background:var(--sage-35);margin-inline-start:clamp(0px,6vw,80px)}
.b3{background:var(--teal-35);margin-inline-start:clamp(0px,3vw,40px)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;list-style:none;padding:0}
.chips li{padding:6px 12px;border:1.5px solid var(--ink);border-radius:999px;font:400 13px/1.2 var(--mono)}
html[lang=ar] .chips li{font-weight:600}
.edge{position:absolute;left:0;top:1px;transform:translateY(-100%);width:100%;height:clamp(30px,4.4vw,64px);display:block;pointer-events:none;overflow:visible}
.edge .e0{fill:var(--teal-p)}
.edge .e1{fill:var(--sage)}
.edge .e2{fill:var(--bg,var(--clay-12))}
.supply{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);padding-block:clamp(56px,7vw,112px);align-items:start}
.acc{margin-top:28px}
.acc details{padding-block:6px}
.acc details+details{border-top:2px solid var(--clay-35)}
.acc summary{display:flex;justify-content:flex-start;align-items:center;gap:16px;min-height:44px;padding-block:14px;font:700 clamp(22px,2.4vw,32px)/1.15 var(--sans);letter-spacing:-.02em;cursor:pointer;list-style:none}
html[lang=ar] .acc summary{letter-spacing:0;font-weight:800}
.acc summary::-webkit-details-marker{display:none}
.acc summary .ico{width:46px;height:46px}
.acc summary::after{margin-inline-start:auto;content:"+";font-size:1.2em;line-height:1;transition:transform .3s var(--ease)}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc details p{padding-bottom:14px;font-size:17px;padding-inline-start:62px}
.supply-fig{position:relative}
.supply-art{position:absolute;bottom:-28px;inset-inline-end:-18px;width:56%}
.supply-art .lk,.figure .lk,.ph .lk{aspect-ratio:auto;border-radius:0;background:transparent;object-fit:fill}
main{overflow-x:clip}
.strip{height:14px;background:linear-gradient(180deg,var(--teal) 0 16.66%,var(--navy) 16.66% 33.33%,var(--sage-p) 33.33% 50%,var(--sage) 50% 66.66%,var(--apricot) 66.66% 83.33%,var(--rust) 83.33% 100%)}
.phead{position:relative;overflow:clip;padding-block:clamp(36px,5vw,72px) clamp(28px,4vw,52px)}
.phead .wrap{position:relative;z-index:1}
.phead-art{position:absolute;inset-inline-end:0;width:clamp(160px,25vw,380px);z-index:0}
.phead-art.at-top{top:0}
.phead-art.at-foot{bottom:0}
.phead-art.at-top .lk{--o:100% 0}
.phead-art .lk-loop{width:clamp(64px,7vw,104px);height:auto;margin-inline-start:auto;margin-inline-end:clamp(24px,8vw,140px)}
.phead.has-art .phead-grid{grid-template-columns:1fr;max-width:min(780px,66%);align-items:start}
.crumb{font:400 13px/1.2 var(--mono);margin-bottom:18px}
html[lang=ar] .crumb{font-weight:600}
.crumb a{text-underline-offset:4px}
.phead-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,72px);align-items:end}
.phead-side{display:grid;gap:18px;justify-items:start}
.phead .lede{font-size:clamp(18px,1.7vw,21px);line-height:1.5}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.split.top{align-items:start}
.split h2{margin-bottom:16px}
.split p+p{margin-top:12px}
.figure img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%;background:var(--clay-20)}
.rule-list{list-style:none;padding:0;display:grid;gap:14px;margin-top:18px}
.rule-list li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.rule-list .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 17px/1 var(--sans)}
.rule-list b{display:block;font-size:19px}
.cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.callout{padding:clamp(22px,3vw,40px);border-radius:var(--r);background:var(--apricot-35)}
.client .ico-l{margin-bottom:12px}
.callout .price-big{margin-block:10px 4px}
.callout h3{margin-bottom:6px}
.client{padding:clamp(20px,2.6vw,32px);border-radius:var(--r);background:var(--teal-35)}
.client:nth-child(2){background:var(--sage-35)}
.client h3{font-size:clamp(20px,2vw,26px)}
.client p{margin-top:6px;font-size:16px}
.cta-band{--bg:var(--apricot-20);position:relative;background:var(--bg);padding-block:clamp(56px,7vw,104px);margin-top:clamp(40px,5vw,72px)}
.cta-band .wrap{position:relative;z-index:1;display:grid;gap:24px;justify-items:start}
.cta-band .ico-l{margin:0}
.cta-art{position:absolute;top:0;inset-inline-end:0;width:clamp(180px,28vw,420px)}
.cta-art .lk{--o:100% 0}
.legal-box{position:relative}
.legal-art{position:absolute;bottom:0;inset-inline-end:0;width:clamp(170px,24vw,320px)}
.legal-card{position:relative;z-index:1;max-width:min(780px,68%);display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;padding:clamp(20px,3vw,32px);border-radius:var(--r);background:var(--clay-12);font-size:17px}
.legal-card dt{font-weight:700}
.legal-card dd{margin:0}
.nf{position:relative;padding-block:clamp(64px,10vw,140px);display:grid;gap:22px;justify-items:start}
.nf-art{position:absolute;top:0;inset-inline-end:var(--gut)}
.nf-art .lk-loop{width:clamp(80px,10vw,140px);height:auto}
.prose{max-width:72ch}
.prose h2{font-size:clamp(24px,2.6vw,34px);margin-top:40px;margin-bottom:12px}
.prose p,.prose ul{margin-top:10px;max-width:none}
.prose ul{padding-inline-start:22px;display:grid;gap:6px}
.prose a{text-underline-offset:4px;text-decoration-thickness:2px}
.prose .ver{font:400 13px/1.3 var(--mono)}
.filter{position:sticky;top:var(--nav);z-index:10;background:var(--paper);border-bottom:2px solid var(--clay-20)}
.filter .wrap{display:flex;flex-wrap:wrap;gap:8px;padding-block:10px}
.filter a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:2px solid var(--ink);border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.filter a:hover{background:var(--clay-20)}
.filter a[aria-current=true]{background:var(--ink);color:var(--paper)}
.filter .n{font:400 12px/1 var(--mono)}
html[lang=ar] .filter .n{font-weight:700}
.note-co{display:grid;gap:6px;margin-top:6px}
.note-co p{font-size:15px}
.group{padding-block:clamp(36px,5vw,64px) 0}
.group-head{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:18px;row-gap:8px;align-items:center;margin-bottom:24px}
.group-head .g-ico{grid-row:1/3;width:60px;height:60px}
.group-head h2{font-size:clamp(28px,3.4vw,44px)}
.group-head p{font-size:16px}
.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:16px}
.card{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:var(--c,var(--clay-20));overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 34px -22px color-mix(in srgb,var(--ink) 55%,transparent)}
.card-img{display:block;padding:12px 12px 0}
.card-img img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:transparent;mix-blend-mode:multiply}
.card.out .card-img img{opacity:.55}
.card-b{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 18px}
.vend{font:400 12px/1.2 var(--mono);letter-spacing:.03em}
html[lang=ar] .vend{font-weight:700}
.card h3{font-size:18px;letter-spacing:-.015em;line-height:1.2}
html[lang=ar] .card h3{font-size:18px}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em}
html[lang=ar] .price{letter-spacing:0}
.price .frm{font-size:13px;font-weight:700;letter-spacing:0}
.sizes{font-size:14px;line-height:1.4}
.card .btn{margin-top:auto;align-self:stretch}
.badge{position:absolute;top:14px;inset-inline-start:14px;padding:5px 12px;border-radius:999px;background:var(--ink);color:var(--paper);font:700 13px/1.2 var(--sans)}
.g-clay-bodies{--c:var(--clay-20)}
.g-glaze{--c:var(--apricot-20)}
.g-tools{--c:var(--sage-20)}
.g-wheels{--c:var(--teal-20)}
.contact{--bg:var(--apricot-20);position:relative;background:var(--bg);padding-block:clamp(72px,8vw,112px) clamp(56px,7vw,96px);margin-top:clamp(40px,5vw,72px)}
.contact.plain{padding-block:clamp(36px,5vw,72px);margin-top:0}
.c-art{margin-top:36px}
.c-art .lk-loop{width:76px;height:auto}
.c-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.c-l p{margin-top:16px;font-size:18px}
.facts{margin-top:28px;display:grid;gap:4px;font-size:18px}
.facts dt{font-weight:700;margin-top:12px}
.facts dd{margin:0}
.facts a{font-weight:700;text-underline-offset:5px;text-decoration-thickness:2px}
.bf-wrap{position:relative;overflow:hidden;background:var(--paper);padding:clamp(120px,12vw,170px) clamp(20px,3vw,40px) clamp(150px,14vw,210px);border-radius:var(--r);box-shadow:0 34px 60px -40px var(--rust-d)}
.bf-art{position:absolute;inset-inline-end:0;pointer-events:none}
.bf-tools{top:0;width:clamp(130px,13vw,190px)}
.bf-tools .lk{--o:100% 0}
.bf-bowl{bottom:0;width:clamp(170px,19vw,270px)}
.bf,.bf-done{position:relative;z-index:1}
.bf-consent{max-width:min(46ch,64%)}
.bf{display:grid;gap:18px}
.bf .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bf-field{display:grid;gap:6px}
.bf-field label{font-weight:700;font-size:15px}
.bf-req{font-weight:400}
.bf-hint{font-size:14px;line-height:1.4}
.bf input[type=text],.bf input[type=email],.bf input[type=tel],.bf textarea{width:100%;min-height:48px;padding:12px 14px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);font:400 17px/1.4 var(--sans)}
.bf textarea{min-height:140px;resize:vertical}
.bf input:focus,.bf textarea:focus{outline:3px solid var(--ink);outline-offset:2px}
.bf [aria-invalid=true]{border-color:var(--rust-d);background:var(--clay-12)}
.bf-err{font-size:14px;font-weight:700;color:var(--rust-d)}
.bf-send{display:grid;gap:12px;justify-items:start}
.bf-consent{font-size:14px;line-height:1.45}
.bf-consent a{text-underline-offset:4px}
.bf-status{font-weight:700;color:var(--rust-d)}
.bf-done{display:grid;gap:12px}
.bf-done h3{outline:none}
.bf-hp{position:absolute;inset-inline-start:-999px;width:1px;height:1px;overflow:hidden}
.foot{--bg:var(--clay-12);position:relative;background:var(--bg);color:var(--ink);padding-top:clamp(48px,6vw,80px);margin-top:clamp(56px,7vw,96px)}
.foot>.wrap{position:relative;z-index:1}
.foot-art{position:absolute;bottom:52px;inset-inline-end:0;width:clamp(180px,25vw,380px);z-index:0}
.foot-in{display:flex;flex-wrap:wrap;gap:32px 64px;font-size:16px;padding-inline-end:clamp(0px,25vw,380px)}
.foot p{max-width:none}
.foot .fl{font:700 24px/1.1 var(--sans);margin-bottom:8px}
.foot a{text-underline-offset:5px;text-decoration-thickness:2px;display:inline-flex;align-items:center;min-height:44px}
.foot-addr{display:grid;gap:2px;align-content:start}
.foot-mail{gap:10px;font-weight:700;margin-top:8px}
.foot-links{display:grid;gap:0;align-content:start}
.foot-base{margin-top:28px;padding-top:20px;border-top:1.5px solid var(--clay-35);font-size:14px;max-width:calc(100% - clamp(0px,25vw,380px))}
.sig-bar{position:relative;z-index:1;background:var(--apricot);text-align:center;margin-top:clamp(40px,5vw,64px);max-width:none}
.sig-bar a{justify-content:center;min-height:56px;font:700 24px/1 var(--mono);letter-spacing:.3em;text-decoration:none}
html[lang=ar] .sig-bar a{font-family:"Geist Mono",ui-monospace,monospace;letter-spacing:.3em}
.reveal-ready [data-reveal]:not(.is-in){opacity:0}
@media (prefers-reduced-motion:no-preference){
  [data-reveal].is-in:not(.no-anim){animation:wipe .95s var(--ease) backwards;animation-delay:calc(var(--i,0)*80ms)}
  @keyframes wipe{from{clip-path:inset(0 0 100% 0);transform:translateY(34px)}to{clip-path:inset(-48px);transform:none}}
  .lk[data-reveal].is-in:not(.no-anim){animation:grow 1.5s var(--ease) backwards}
  @keyframes grow{from{clip-path:circle(0% at var(--o));transform:scale(.94) rotate(-3deg)}to{clip-path:circle(150% at var(--o));transform:none}}
  .rise{animation:rise .8s var(--ease) both;animation-delay:calc(var(--i,0)*90ms)}
  @keyframes rise{from{clip-path:inset(0 0 100% 0);transform:translateY(24px)}to{clip-path:inset(-48px);transform:none}}
  .hero .lk-tools{animation:tools 1.7s var(--ease) .1s both;transform-origin:100% 0}
  @keyframes tools{from{transform:translate(16%,-24%) rotate(9deg);clip-path:inset(0 0 100% 0)}to{transform:none;clip-path:inset(0)}}
  .hero .lk-bowl{animation:grow 1.6s var(--ease) .3s both;transform-origin:100% 100%}
  .lk[fetchpriority].lk-phead{animation:grow 1.5s var(--ease) .15s both}
  .lk-loop .loop{stroke-dasharray:1;animation:draw 1.9s var(--ease) .45s backwards}
  @keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
  .ico>g{animation:glaze 1.2s var(--ease) .3s backwards}
  @keyframes glaze{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
  [data-reveal]:not(.is-in) .ico>g,[data-reveal]:not(.is-in) .lk-loop .loop{animation-play-state:paused}
  .no-anim .ico>g,.no-anim .lk-loop .loop{animation:none}
  .hero-links a:hover .ico>g,.t:hover .t-ico>g,.acc summary:hover .ico>g{animation:glaze .9s var(--ease)}
  .hero-links a:hover .loop,.t:hover .loop{animation:draw 1.1s var(--ease)}
  .edge path{animation:edge 15s ease-in-out infinite alternate}
  .edge .e1{animation-duration:19s;animation-delay:-4s}
  .edge .e2{animation-duration:23s;animation-delay:-9s}
  @keyframes edge{from{d:var(--a)}to{d:var(--b)}}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal-ready [data-reveal]{opacity:1}
  .t,.btn,.card,.acc summary::after,.hero-links a,.t-clay-art{transition:none}
}
html.cv .sec,html.cv .why,html.cv .supply,html.cv .contact,html.cv .cta-band,html.cv .foot,html.cv .group{content-visibility:auto}
@media (max-width:1020px){
  .hero{min-height:0;padding-bottom:clamp(260px,52vw,440px);align-items:flex-start}
  .hero-copy{max-width:min(620px,74%)}
  .par-bowl{width:clamp(280px,56vw,520px)}
  .core{max-width:420px}
  .core img{aspect-ratio:4/3}
  .phead.has-art .phead-grid{max-width:min(640px,70%)}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"clay clay" "ug ug" "dg tl" "wh wh"}
  .why-in,.supply,.c-in,.phead-grid,.split{grid-template-columns:1fr}
  .why-h{position:static}
  .b2,.b3{margin-inline-start:0}
  .t-wh{flex-direction:column;align-items:stretch}
  .t-wh .photos{width:100%}
}
@media (max-width:959px){
  .burger{display:inline-flex;align-items:center;margin-inline-start:0}
  .lang{margin-inline-start:auto}
  .links{display:none;position:absolute;inset-inline:0;top:var(--nav);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 20px;background:var(--paper);border-bottom:2px solid var(--clay-20);margin-inline-start:0}
  .nav-open .links{display:flex}
  .links a:not(.btn){padding:10px 0;font-size:20px}
  .links .btn{margin-top:8px}
}
@media (max-width:720px){
  .hero{padding-top:24px;padding-bottom:calc(76vw + 8px)}
  .hero-copy{max-width:none}
  .par-tools{width:136px}
  .hero .eyebrow{max-width:calc(100% - 140px)}
  .hero h1{margin-top:84px}
  .par-bowl{width:78vw}
  .hero-links{display:grid;grid-template-columns:1fr 1fr}
  .hero-links a{padding-inline-end:12px;font-size:14px}
  .phead.has-art{padding-top:96px}
  .phead.has-art:has(.at-foot){padding-top:clamp(36px,5vw,72px);padding-bottom:118px}
  .phead-art{width:132px}
  .phead.has-art .phead-grid{max-width:none}
  .why-art{width:150px}
  .t-clay{padding-bottom:150px}
  .supply-art{width:52%;inset-inline-end:-8px}
  .cta-art{width:132px}
  .cta-band .wrap{padding-top:40px}
  .legal-card{max-width:none}
  .legal-box{padding-bottom:150px}
  .legal-art{width:170px}
  .foot-in{padding-inline-end:0}
  .foot-base{max-width:none;margin-bottom:150px}
  .foot-art{width:170px}
  .sig-bar a{letter-spacing:.06em}
  .acc details p{padding-inline-start:0}
  .bento{grid-template-columns:1fr;grid-template-areas:"clay" "ug" "dg" "tl" "wh"}
  .bf .row,.cards2{grid-template-columns:1fr}
  .cta .btn{flex:1 1 100%}
  .nav-in{gap:10px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .card-b{padding:12px 12px 14px}
  .card h3{font-size:16px}
  .price{font-size:20px}
  .legal-card{grid-template-columns:1fr;gap:2px}
  .legal-card dd{margin-bottom:10px}
}
@media (max-width:720px){
  .card .btn{padding:0 8px;font-size:14px;line-height:1.15}
}
@media (max-width:339px){
  .grid{grid-template-columns:1fr}
}