@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrumentserif-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190,U+2192,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrumentserif-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190,U+2192,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrumentsans-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190,U+2192,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/instrumentsans-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190,U+2192,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cairo";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/cairo-arabic.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}
@font-face{font-family:"Amiri";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/amiri-700-arabic.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}

:root{
  --paper:#F4F0E5;--ink:#712F17;--rust:#A44222;--sand:#E7C29F;--amber:#D7913F;
  --c-cultiva:#7D964B;--c-creativa:#A44222;--c-constra:#D69030;--c-clay:#425C84;--c-cotta:#B75429;--c-ceramic:#C5784B;--c-mud:#694A40;
  --paper-2:color-mix(in srgb,var(--sand) 30%,var(--paper));
  --ink-2:color-mix(in srgb,var(--ink) 86%,var(--paper));
  --line:color-mix(in srgb,var(--ink) 16%,var(--paper));
  --line-2:color-mix(in srgb,var(--ink) 55%,var(--paper));
  --tint:color-mix(in srgb,var(--ink) 8%,var(--paper));
  --field:var(--paper);
  --btn:var(--ink);--btn-h:var(--rust);--on-btn:var(--paper);
  --accent-text:var(--rust);
  --gapbg:color-mix(in srgb,var(--amber) 32%,var(--paper));
  --ft-bg:var(--ink);--ft-ink:var(--paper);
  --f-body:"Instrument Sans","Cairo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-head:"Instrument Serif","Amiri",Georgia,"Times New Roman",serif;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px;background:var(--paper);color:var(--ink)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
html[lang="ar"] body{font-size:1.125rem;line-height:1.85}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{background-color:var(--field)}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.hand :focus-visible,.ft :focus-visible,.dark :focus-visible{outline-color:var(--paper)}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:16px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700;transition:transform 160ms var(--ease-out)}
.skip:focus{transform:translateY(96px)}
html[lang=ar] .only-en,html:not([lang=ar]) .only-ar{display:none}
h1,h2,h3{font-family:var(--f-head);font-weight:400;text-wrap:balance}
h1{font-size:clamp(3rem,8vw,6.3rem);line-height:.96;letter-spacing:-.025em}
h1 em{font-style:italic;color:var(--rust)}
h2{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.04;letter-spacing:-.018em}
h3{font-size:1.75rem;line-height:1.08;letter-spacing:-.01em}
html[lang=ar] :is(h1,h2,h3){font-weight:700;letter-spacing:0}
html[lang=ar] h1{font-size:clamp(2.7rem,7vw,5.4rem);line-height:1.2}
html[lang=ar] h1 em{font-style:normal}
html[lang=ar] h2{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.3}
html[lang=ar] h3{font-size:1.65rem;line-height:1.35}
.sec{padding:clamp(56px,9vw,112px) 0}
.eyebrow{display:inline-block;font-weight:700;font-size:.78rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
html[lang=ar] .eyebrow{letter-spacing:0;text-transform:none;font-size:1rem;line-height:1.4}
.lede{font-size:clamp(1.05rem,1.4vw + .7rem,1.3rem);line-height:1.55;color:var(--ink-2);max-width:56ch}
html[lang=ar] .lede{line-height:1.9}
.sec-head{display:grid;gap:14px;margin-bottom:clamp(28px,4vw,48px);max-width:62ch}
.gap{display:inline-block;padding:3px 9px;border:1.5px dashed var(--ink);border-radius:8px;background:var(--gapbg);font:600 .76rem/1.4 ui-monospace,Menlo,Consolas,monospace;color:var(--ink);vertical-align:baseline}
.dark .gap,.hand .gap{background:var(--paper)}
.hd{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.wm{display:inline-flex;align-items:baseline;gap:.28em;text-decoration:none;font:400 1.9rem/1 "Instrument Serif",Georgia,serif;letter-spacing:-.01em;border-radius:8px;flex:none;min-height:44px;align-items:center}
.wm em{font-style:italic}
.hd-r{display:flex;align-items:center;gap:6px}
.nav ul{display:flex;gap:2px;align-items:center}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.97rem;transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}
.nav a:active{transform:scale(.97)}
.nav a[aria-current=page]:not(.btn){background:var(--tint)}
.nav .btn{margin-inline-start:8px;min-height:44px;padding:0 20px;color:var(--on-btn)}
@media (hover:hover) and (pointer:fine){.nav a:not(.btn):hover{background:var(--tint)}}
.lang{display:flex;align-items:center;gap:0}
.lang button{min-height:44px;min-width:44px;padding:0 8px;border:0;background:transparent;font-weight:700;font-size:1rem;cursor:pointer;border-radius:10px;color:var(--ink-2)}
.lang button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rust);text-decoration-thickness:2px;text-underline-offset:6px}
.lang .sep{color:var(--line-2)}
.menu-btn{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;border:1.5px solid var(--ink);background:transparent;cursor:pointer;transition:transform 160ms var(--ease-out);-webkit-tap-highlight-color:transparent}
.menu-btn:active{transform:scale(.95)}
.menu-btn i{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform 200ms var(--ease-out)}
.menu-btn span{display:grid;gap:5px}
.menu-btn[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:899px){
  .hd .wrap{min-height:72px}
  .wm{font-size:1.6rem}
  .js .menu-btn{display:inline-flex}
  .js .nav{position:absolute;inset-inline-end:16px;top:calc(100% + 8px);min-width:240px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 44px -22px color-mix(in srgb,var(--ink) 45%,transparent);padding:8px;transform-origin:top right;opacity:0;transform:scale(.95);visibility:hidden;transition:opacity 120ms ease-out,transform 120ms ease-out,visibility 0s 120ms}
  html[dir=rtl] .js .nav{transform-origin:top left}
  .js .nav[data-open="1"]{opacity:1;transform:none;visibility:visible;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}
  .js .nav ul{flex-direction:column;align-items:stretch;gap:0}
  .js .nav .btn{margin:6px 0 2px;justify-content:center}
  html:not(.js) .hd .wrap{flex-wrap:wrap;padding-block:10px}
  html:not(.js) .nav ul{flex-wrap:wrap}
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:0 26px;border-radius:999px;border:1.5px solid transparent;font-weight:700;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:transform 160ms var(--ease-out),background-color 160ms ease,color 160ms ease,border-color 160ms ease;-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.97)}
.btn svg{width:18px;height:18px;flex:none;transition:transform 200ms var(--ease-out)}
html[dir=rtl] .btn svg,html[dir=rtl] .visit svg{transform:scaleX(-1)}
.btn-primary{background:var(--btn);color:var(--on-btn)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-paper{background:var(--paper);color:var(--ink)}
@media (hover:hover) and (pointer:fine){
  .btn-primary:hover{background:var(--btn-h)}
  .btn-ghost:hover{background:var(--tint)}
  .btn-paper:hover{background:var(--sand)}
  .btn:hover svg{transform:translateX(3px)}
  html[dir=rtl] .btn:hover svg{transform:scaleX(-1) translateX(3px)}
}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.visit{align-self:end;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-weight:700;text-underline-offset:5px;text-decoration-thickness:1.5px}
.visit svg{width:16px;height:16px;transition:transform 200ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.visit:hover svg{transform:translateX(3px)}html[dir=rtl] .visit:hover svg{transform:scaleX(-1) translateX(3px)}}
.rvon .rv{opacity:0;transform:translateY(14px);transition:opacity 520ms var(--ease-out) calc(var(--i,0)*60ms),transform 520ms var(--ease-out) calc(var(--i,0)*60ms)}
.rvon .rv.in{opacity:1;transform:none}
@keyframes rvfs{to{opacity:1;transform:none}}
@keyframes rvfs-line{to{stroke-dashoffset:0}}
.rvon .rv{animation:rvfs 1ms linear 4s forwards}
.rvon [data-io] .nd{animation:rvfs 1ms linear 4s forwards}
.rvon [data-io] .e{animation:rvfs-line 1ms linear 4s forwards}
@media print{.rvon .rv,.rvon [data-io] .nd{opacity:1!important;transform:none!important;animation:none}.rvon [data-io] .e{stroke-dashoffset:0!important;animation:none}}
@media (prefers-reduced-motion:reduce){
  .js .nav{transform:none}
  .skip,.menu-btn i{transition:none}
  .rvon .rv{transform:none;transition:opacity 200ms ease}
  .btn svg{transition:none}
}
.wm-h{display:inline}
.hero{padding:clamp(28px,4vw,52px) 0 clamp(44px,6vw,88px)}
.hero .wrap{display:grid;gap:clamp(28px,5vw,64px);align-items:center}
@media (min-width:900px){.hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.hero-copy{display:grid;gap:24px;justify-items:start}
.relline{min-height:3em;font-weight:600;color:var(--ink-2);text-align:center;max-width:44ch;margin-inline:auto;transition:opacity 160ms ease}
.cons-wrap{display:grid;gap:10px}
.cons{width:100%;max-width:540px;margin-inline:auto;overflow:visible;direction:ltr}
.cons .e{stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;opacity:.38;transition:opacity 200ms ease,stroke 200ms ease,stroke-width 200ms ease}
.cons .e.on{stroke:var(--rust);stroke-width:3;opacity:1}
.cons.hl .e:not(.on){opacity:.12}
.cons .nd{cursor:pointer;-webkit-tap-highlight-color:transparent}
.cons .nd circle{transition:transform 220ms var(--ease-out)}
.cons .nd .hit{fill:none;pointer-events:all}
.cons .nd .ring{fill:none;stroke:var(--ink);stroke-width:2;opacity:0;transition:opacity 200ms ease}
.cons .nd text{font:400 21px "Instrument Serif","Amiri",Georgia,serif;fill:var(--ink)}
html[lang=ar] .cons .nd text{font:700 23px "Amiri","Instrument Serif",serif}
.cons .nd.on .ring{opacity:1}
.cons .nd:focus-visible{outline:none}
.cons .nd:focus-visible .ring{opacity:1;stroke-width:3}
@media (hover:hover) and (pointer:fine){.cons .nd:hover circle.dot{transform:scale(1.18)}}
.cons .dot{transform-box:fill-box;transform-origin:center}
.rvon [data-io] .e{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 900ms var(--ease-io) calc(500ms + var(--k)*90ms),opacity 200ms ease,stroke 200ms ease,stroke-width 200ms ease}
.rvon [data-io].in .e{stroke-dashoffset:0}
.rvon [data-io] .nd{opacity:0;transform:translateY(8px);transition:opacity 420ms var(--ease-out) calc(var(--k)*70ms),transform 420ms var(--ease-out) calc(var(--k)*70ms)}
.rvon [data-io].in .nd{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rvon [data-io] .e{stroke-dashoffset:0;transition:opacity 200ms ease}.rvon [data-io] .nd{transform:none;transition:opacity 300ms ease}.cons .nd circle{transition:none}}
.w-cultiva{--wbg:color-mix(in srgb,#DEE3BC 62%,#F4F0E5);--wink:#4F5C2D;--wacc:#7E954C}
.w-creativa{--wbg:color-mix(in srgb,#A84120 10%,#F4F0E5);--wink:#472A1C;--wacc:#A84120}
.w-constra{--wbg:color-mix(in srgb,#E4B447 24%,#F4F0E5);--wink:#75331A;--wacc:#D5922A}
.w-clay{--wbg:color-mix(in srgb,#62929B 16%,#F4F0E5);--wink:#723016;--wacc:#435C83}
.w-cotta{--wbg:color-mix(in srgb,#E5A86E 26%,#F4F0E5);--wink:#7A3C22;--wacc:#CD713F}
.w-ceramic{--wbg:var(--paper-2);--wink:var(--ink);--wacc:#C5784B}
.w-mudcup{--wbg:#FEF7EF;--wink:#694A40;--wacc:#EBB028}
.grp-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0 0 18px}
.grp-label h3{font-size:1.6rem}
.grp-label span{font-weight:700;color:var(--ink-2)}
.worlds{display:grid;gap:clamp(18px,2.4vw,28px)}
.worlds+.grp-label{margin-top:clamp(44px,6vw,72px)}
.world{--fx:1;position:relative;display:grid;overflow:hidden;border-radius:32px;background:var(--wbg);color:var(--wink);isolation:isolate;transition:transform 240ms var(--ease-out),box-shadow 240ms ease}
html[dir=rtl] .world{--fx:-1}
@media (min-width:900px){
  .world{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);min-height:470px}
  .worlds .world:nth-child(even){--fx:-1}
  html[dir=rtl] .worlds .world:nth-child(even){--fx:1}
  .worlds .world:nth-child(even) .w-stage{order:-1}
}
.world:focus-visible{outline:3px solid var(--wink);outline-offset:4px}
.w-copy{position:relative;z-index:1;display:grid;gap:12px;align-content:center;justify-items:start;padding:clamp(26px,4vw,56px)}
.world h3{font-size:clamp(2.2rem,3.8vw,3.2rem);line-height:1}
html[lang=ar] .world h3{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.3}
.w-p{font-size:1.06rem;line-height:1.55;max-width:38ch}
html[lang=ar] .w-p{line-height:1.85}
.world .label,.cs .label{color:var(--wink);margin:6px 0 0}
.world .role,.cs .role{border-color:var(--wacc);color:var(--wink)}
.world .role::before,.cs .role::before{background:var(--wacc)}
.world .chip{background:color-mix(in srgb,var(--wbg) 40%,var(--paper));border-color:color-mix(in srgb,var(--wink) 35%,var(--wbg));color:var(--wink)}
.world .visit{color:var(--wink)}
.w-stage{position:relative;min-height:clamp(270px,74vw,360px);transform:scaleX(var(--fx))}
.plaque{position:absolute;z-index:2;display:grid;place-items:center;padding:12px;border-radius:18px;background:var(--sheet);box-shadow:0 22px 40px -26px color-mix(in srgb,var(--wink) 70%,transparent);transform:scaleX(var(--fx))}
.plaque img{width:100%;height:auto}
.w-stage .art{position:absolute;z-index:1;height:auto;max-width:none}
.w-cultiva .x-cultiva-hills{right:0;bottom:0;width:112%}
.w-cultiva .x-cultiva-docs{right:7%;top:9%;width:24%}
.w-cultiva .plaque{left:10%;top:12%;width:46%}
.w-creativa .x-creativa-reel{right:0;bottom:0;width:96%}
.w-creativa .plaque{left:7%;top:10%;width:50%}
.w-constra .x-constra-ladder{right:0;bottom:0;height:100%;width:auto}
.w-constra .x-constra-corner{left:0;bottom:0;width:42%}
.w-constra .plaque{left:12%;top:16%;width:50%}
.w-clay .x-clay-brushes{right:0;top:0;width:50%}
.w-clay .x-clay-bowl{right:0;bottom:0;width:60%}
.w-clay .plaque{left:7%;top:26%;width:48%}
.w-cotta .x-cotta-shelf{right:0;bottom:0;height:100%;width:auto}
.w-cotta .plaque{left:8%;top:22%;width:50%}
.w-ceramic .plaque{inset:0;margin:auto;width:min(400px,66%);height:max-content}
.w-mudcup .x-mudcup-top{right:0;top:0;width:44%}
.w-mudcup .x-mudcup-bottom{right:0;bottom:0;width:54%}
.w-mudcup .x-mudcup-sprig{left:0;bottom:0;width:20%}
.w-mudcup .plaque{left:12%;top:16%;width:44%}
@media (min-width:900px){
  .w-constra .x-constra-corner{left:-96%;width:46%}
  .w-mudcup .x-mudcup-sprig{left:-90%;width:14%}
  .w-constra .w-copy,.w-mudcup .w-copy{padding-bottom:150px}
}
.world.act{transform:translateY(-4px);box-shadow:0 26px 44px -30px color-mix(in srgb,var(--wink) 80%,transparent)}
.world.rel{box-shadow:0 0 0 3px var(--wacc)}
@media (prefers-reduced-motion:reduce){.world.act{transform:none}}
.more{margin-top:clamp(28px,4vw,44px)}
.rvon .rv .art.wipe{clip-path:inset(100% 0 0 0);transition:clip-path 900ms var(--ease-io) 220ms;animation:artfs 1ms linear 4s forwards}
.rvon .rv :is(.x-creativa-reel,.x-constra-corner,.x-creativa-strip){clip-path:inset(0 100% 0 0)}
.rvon .rv :is(.x-clay-brushes,.x-mudcup-top,.x-cultiva-docs){clip-path:inset(0 0 100% 0)}
.rvon .rv .art.wipe+.art.wipe{transition-delay:420ms}
.rvon .rv.in .art.wipe{clip-path:inset(0)}
@keyframes artfs{to{clip-path:inset(0)}}
@media print{.rvon .rv .art.wipe{clip-path:none!important;animation:none}}
@media (prefers-reduced-motion:reduce){.rvon .rv .art.wipe{clip-path:none;transition:none;animation:none}}
.frieze{--H:clamp(64px,19vw,90px);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 6px;width:min(1320px,100% - 32px);margin-inline:auto;direction:ltr}
@media (min-width:760px){.frieze{--H:min(11.6vw,168px);flex-wrap:nowrap;gap:0}.fz+.fz{margin-inline-start:calc(var(--H) * -.16)}
  .fz-art{mask-image:linear-gradient(to right,var(--ink) 84%,transparent);-webkit-mask-image:linear-gradient(to right,var(--ink) 84%,transparent)}
  .fz-ceramic .fz-art,.fz-mudcup .fz-art{mask-image:none;-webkit-mask-image:none}}
.frieze-hero{margin-top:clamp(28px,3.6vw,44px)}
.fz{position:relative;display:flex;flex-direction:column;align-items:stretch;flex:none;text-decoration:none;-webkit-tap-highlight-color:transparent;border-radius:6px}
.fz{z-index:calc(1 + var(--i))}
.fz-art{display:flex;align-items:flex-end;justify-content:center;height:var(--H);overflow:hidden;border-bottom:4px solid var(--c)}
.fz-art img{height:100%;width:auto;max-width:none}
.fz-mark{display:grid;place-items:center;height:var(--H);padding:8px 10px 4px;background:var(--sheet);border-radius:12px 12px 0 0}
.fz-mark img{height:calc(var(--H) - 12px);width:auto;max-width:none}
.fz-l{display:block;padding-top:8px;font:400 1rem/1.1 var(--f-head);text-align:center;color:var(--ink);transition:transform 220ms var(--ease-out)}
html[lang=ar] .fz-l{font:700 1rem/1.4 "Amiri",var(--f-head)}
.fz:focus-visible{outline-offset:2px}
@media (hover:hover) and (pointer:fine){.fz:hover .fz-l{transform:translateY(-3px)}.fz:hover .fz-art img{translate:0 -4px}}
.fz-art img{transition:translate 300ms var(--ease-out)}
.rvon .frieze .fz-art{clip-path:inset(100% 0 0 0);transition:clip-path 900ms var(--ease-io) calc(250ms + var(--i)*110ms)}
.rvon .frieze.in .fz-art{clip-path:inset(0)}
.rvon .frieze .fz-art{animation:artfs 1ms linear 4s forwards}
@media print{.rvon .frieze .fz-art{clip-path:none!important;animation:none}}
@media (prefers-reduced-motion:reduce){.rvon .frieze .fz-art{clip-path:none;transition:none;animation:none}.fz-art img,.fz-l{transition:none}}
.ft-frieze{padding-top:clamp(48px,7vw,88px)}
.ft-frieze .frieze{margin-bottom:0}
.hand{background:var(--ink);color:var(--paper)}
.hand .eyebrow{color:var(--sand)}
.hand h2{color:var(--paper)}
.hand .lede{color:color-mix(in srgb,var(--paper) 88%,var(--ink))}
.hand-list{display:grid;gap:14px;margin-top:8px}
.ho{display:grid;gap:12px;padding:22px 22px 24px;border-radius:24px;border:1.5px solid color-mix(in srgb,var(--paper) 40%,var(--ink))}
@media (min-width:900px){.ho{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:26px 30px}}
.ho p{font:400 1.45rem/1.2 var(--f-head)}
html[lang=ar] .ho p{font-weight:700;font-size:1.35rem;line-height:1.5}
.ho p em{font-style:italic}
html[lang=ar] .ho p em{font-style:normal}
.pair{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.dotchip{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;background:var(--paper);color:var(--ink);font-weight:700;font-size:.95rem}
.dotchip i{width:12px;height:12px;border-radius:50%;background:var(--c);flex:none}
.dotchip:has(.vg){padding-block:4px;padding-inline:4px 16px}
.vg{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--paper);border:2.5px solid var(--c);overflow:hidden;flex:none}
.vg img{width:82%;height:82%;object-fit:contain}
.arrow{position:relative;display:block;width:40px;height:2px;background:var(--sand);transform-origin:left}
.arrow::after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;border-top:2px solid var(--sand);border-right:2px solid var(--sand);transform:translateY(-50%) rotate(45deg)}
html[dir=rtl] .arrow{transform-origin:right}
html[dir=rtl] .arrow::after{right:auto;left:0;transform:translateY(-50%) rotate(-135deg)}
.rvon .ho .arrow{transform:scaleX(0);transition:transform 700ms var(--ease-io) 300ms}
.rvon .ho.in .arrow,.rvon .ho:not(.rv) .arrow{transform:none}
@media (prefers-reduced-motion:reduce){.rvon .ho .arrow{transform:none;transition:none}}
.hand .note{margin-top:22px;color:color-mix(in srgb,var(--paper) 86%,var(--ink));font-size:.98rem}
.band{background:var(--paper-2);border-block:1px solid var(--line)}
.band .wrap{display:grid;gap:22px;justify-items:start}
.band h2{max-width:16em}
.phead{padding:clamp(36px,6vw,80px) 0 clamp(28px,4vw,52px)}
.crumb{font-size:.95rem;color:var(--ink-2);margin-bottom:22px}
.crumb a{text-decoration:none;border-bottom:1px solid var(--line-2)}
.phead-grid{display:grid;gap:22px}
.phead h1{font-size:clamp(2.8rem,6.4vw,5.2rem)}
html[lang=ar] .phead h1{font-size:clamp(2.5rem,5.6vw,4.4rem)}
@media (min-width:900px){.phead-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end}}
.phead + .sec{padding-top:0}
.cs-list{display:grid;gap:clamp(28px,4vw,48px)}
.cs{background:var(--wbg);color:var(--wink);border:1px solid var(--line);border-top:8px solid var(--c);border-radius:26px;overflow:hidden;display:grid}
@media (min-width:900px){.cs{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.cs:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.cs:nth-child(even) .cs-photo{order:2}}
.cs-photo{position:relative;background:var(--tint);min-height:240px;overflow:hidden}
.cs-photo .art{position:absolute;z-index:1;bottom:0;inset-inline-end:0;width:50%;height:auto;max-width:none}
html[dir=rtl] .cs-photo .art{transform:scaleX(-1)}
.cs-photo .x-constra-ladder,.cs-photo .x-cotta-shelf{width:auto;height:58%}
.cs-photo .x-clay-brushes,.cs-photo .x-mudcup-top{bottom:auto;top:0;width:44%}
.cs-photo .x-cultiva-hills{width:86%}
.cs-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
@media (min-width:900px){.cs-photo img{position:absolute;inset:0;aspect-ratio:auto}}
.cs-body{display:grid;gap:16px;align-content:start;padding:clamp(22px,3vw,40px)}
.cs-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.cs-mark{display:grid;place-items:center;width:200px;height:150px;padding:10px;border-radius:16px;background:var(--sheet);flex:none}
.cs-mark img{width:auto;height:auto;max-width:100%;max-height:130px}
.cs-name{display:grid;gap:10px;justify-items:start}
.cs h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
html[lang=ar] .cs h2{font-size:clamp(1.8rem,3.2vw,2.4rem)}
.label{font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:6px}
html[lang=ar] .label{letter-spacing:0;text-transform:none;font-size:1rem}
.does{display:grid;gap:10px}
.does li{padding-inline-start:22px;position:relative;color:var(--wink)}
.does li::before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:10px;height:10px;border-radius:50%;background:var(--c)}
html[lang=ar] .does li::before{top:.75em}
.chips{display:flex;flex-wrap:wrap;gap:8px 10px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;line-height:1.35;background:var(--paper);border:1.5px solid var(--line-2);font-weight:700;font-size:.9rem;text-decoration:none;min-height:36px}
.chip i{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}
.legal-line{font-size:.92rem;color:var(--wink);padding-top:14px;border-top:1px solid color-mix(in srgb,var(--wink) 22%,var(--wbg))}
.cs .chip{background:color-mix(in srgb,var(--wbg) 40%,var(--paper));color:var(--wink)}
.cs .visit{color:var(--wink)}
.legal-line bdi{unicode-bidi:isolate}
.cs-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:2px}
.cs-foot .visit{margin-top:0}
.rules3{display:grid;gap:clamp(24px,3vw,40px)}
@media (min-width:880px){.rules3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rule{display:grid;gap:12px;align-content:start;padding-top:22px;border-top:3px solid var(--ink)}
.rule .num{font:400 1rem/1 var(--f-head);letter-spacing:.14em;color:var(--rust)}
.rule p{color:var(--ink-2);max-width:30em}
.wide-photo{position:relative;border-radius:26px;overflow:hidden;background:var(--tint);margin-bottom:clamp(40px,6vw,72px)}
.wide-photo img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.chain{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);counter-reset:s}
@media (min-width:760px){.chain{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.step{position:relative;display:grid;gap:8px;align-content:start;padding:0 20px 22px;border-radius:22px;background:var(--wbg);color:var(--wink);border:1px solid var(--line);border-top:8px solid var(--c)}
.step-art{position:relative;height:150px;margin-inline:-20px;margin-bottom:6px;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--wink) 22%,var(--wbg))}
.step-art .art{position:absolute;bottom:0;inset-inline-end:0;height:100%;width:auto;max-width:none}
html[dir=rtl] .step-art .art{transform:scaleX(-1)}
.step-art .x-mudcup-bottom{height:92%}
.step-art .plaque{inset:0;margin:auto;width:76%;height:max-content;padding:8px;box-shadow:none;transform:none}
.step h3{font-size:1.5rem}
.step .tag{font:400 1.15rem/1.2 var(--f-head);font-style:italic;color:var(--wink)}
html[lang=ar] .step .tag{font-style:normal;font-weight:700}
.step p{color:var(--wink);font-size:.98rem;line-height:1.5}
@media (min-width:760px){
  .step:not(:last-child)::after{content:"";position:absolute;inset-inline-end:-15px;top:50%;width:11px;height:11px;border-top:2.5px solid var(--ink);border-right:2.5px solid var(--ink);transform:translateY(-50%) rotate(45deg)}
  html[dir=rtl] .step:not(:last-child)::after{transform:translateY(-50%) rotate(-135deg)}
}
.signoff{display:grid;gap:14px;max-width:62ch}
.signoff p{color:var(--ink-2);font-size:1.1rem}
.contact .wrap{display:grid;gap:clamp(28px,5vw,64px)}
@media (min-width:900px){.contact .wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.contact-side{display:grid;gap:18px;align-content:start}
.contact-side address{font-style:normal;color:var(--ink-2)}
.card-form{padding:clamp(20px,3vw,36px);border-radius:28px;background:var(--paper-2);border:1px solid var(--line)}
.form{display:grid;gap:18px}
.row2{display:grid;gap:18px}
@media (min-width:640px){.row2{grid-template-columns:1fr 1fr}}
.fld{display:grid;gap:6px;min-width:0}
.fld label{font-weight:700;font-size:.95rem}
.fld .opt,.fld .hint{font-weight:400;color:var(--ink-2);font-size:.9rem}
.fld input,.fld select,.fld textarea{width:100%;min-height:50px;padding:12px 14px;background:var(--field);border:1.5px solid var(--line-2);border-radius:14px;transition:border-color 160ms ease,box-shadow 160ms ease}
.fld option{background:var(--paper);color:var(--ink)}
.fld select{appearance:none;-webkit-appearance:none;padding-inline-end:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23712F17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
html[dir=rtl] .fld select{background-position:left 16px center}
.fld textarea{min-height:150px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 14%,transparent)}
.fld [aria-invalid=true]{border-width:3px;border-color:var(--rust)}
html[dir=rtl] .fld [dir=ltr]{text-align:right}
.bf-err{margin:0;color:var(--rust);font-weight:700;font-size:.95rem}
.bf-err::before{content:"! "}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.bf-send{display:grid;gap:14px;justify-items:start}
.bf-submit[aria-busy=true]{opacity:.6;cursor:progress}
.bf-consent{font-size:.9rem;color:var(--ink-2);max-width:62ch}
.bf-status{margin:0;font-weight:700;color:var(--rust)}
.bf [hidden],.bf-done[hidden]{display:none!important}
.bf-done{display:grid;gap:10px}
.bf-done h3{font-size:clamp(1.8rem,3vw,2.4rem)}
.bf-done h3:focus{outline:none}
.bf-ref{font-family:ui-monospace,Consolas,monospace;font-size:1.15em;letter-spacing:.04em;unicode-bidi:isolate}
.notice .measure{max-width:46rem}
.notice article{display:grid;gap:14px}
.notice h2{font-size:1.7rem;margin-top:22px}
html[lang=ar] .notice h2{font-size:1.55rem}
.notice ul{display:grid;gap:8px;padding-inline-start:22px;list-style:disc}
.notice li::marker{color:var(--rust)}
.notice .ver{font-weight:700;color:var(--ink-2)}
.notice code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}
.notice a{text-underline-offset:4px}
.notice .back{margin-top:34px}
.nf{padding-block:clamp(60px,10vw,140px);display:grid;gap:26px;justify-items:start}
.ft{background:var(--ft-bg);color:var(--ft-ink);padding:clamp(40px,6vw,72px) 0 32px}
.ft a{text-underline-offset:4px}
.ft .wm{color:var(--paper);font-size:2.2rem}
.ft .legal{font-size:.92rem;line-height:1.65;max-width:70ch}
.ft-nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:18px}
.ft-nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none;border-bottom:2px solid transparent}
.ft-nav a:hover,.ft-nav a[aria-current=page]{border-color:var(--sand)}
.ft .cos-l{display:grid;gap:0;margin:22px 0 8px;border-top:1px solid color-mix(in srgb,var(--ft-ink) 28%,transparent)}
.ft .cos-l div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--ft-ink) 28%,transparent);font-size:.92rem}
.ft .cos-l dt{font-weight:700}
.ft .cos-l dd{margin:0;color:color-mix(in srgb,var(--ft-ink) 90%,var(--ft-bg))}
@media (min-width:900px){.ft .cos-l{grid-template-columns:1fr 1fr;column-gap:48px}}
.ft small{display:block;margin-top:28px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--ft-ink) 28%,transparent);font-size:.84rem}
.ft address{font-style:normal}