:root{
  --light-border:#e3ded5;
  --soft-cream:#efede8;
  --warm-ivory:#faf7f2;
  --warm-stone:#c9c3b8;
  --charcoal:#1f2522;
  --night:#1b201e;
  --night-soft:#272c29;
  --sand:#f3efe8;
  --sand-deep:#ddd5ca;
  --green:#043f34;
  --emerald:#055242;
  --luxury-green:#025b4a;
  --gold:#c8b396;
  --brass:#8f7549;
  --ink:#1f2522;
  --muted:rgba(31,37,34,.82);
  --line:rgba(31,37,34,.2);
  --stone-veins:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='1100' viewBox='0 0 1900 1100'%3E%3Cpath d='M-70 760 C130 650 280 610 455 645 C610 675 742 660 890 580 C1040 498 1192 472 1390 506 C1560 536 1700 500 1970 370' fill='none' stroke='%23633B18' stroke-opacity='.16' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M-62 772 C136 674 286 638 452 666 C610 694 748 682 898 604 C1048 526 1198 500 1392 530 C1564 558 1708 526 1958 402' fill='none' stroke='%23D2B05A' stroke-opacity='.34' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M460 650 C514 598 554 542 584 464 C620 370 690 318 792 308 C874 300 944 254 1012 168' fill='none' stroke='%23754B1C' stroke-opacity='.14' stroke-width='2.8' stroke-linecap='round'/%3E%3Cpath d='M478 666 C532 616 572 560 606 488 C646 400 710 356 798 346 C880 338 950 292 1030 196' fill='none' stroke='%23E2C368' stroke-opacity='.28' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M906 596 C976 640 1052 648 1138 610 C1220 574 1290 590 1374 660 C1444 718 1538 734 1660 686' fill='none' stroke='%23724919' stroke-opacity='.16' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M920 612 C992 654 1060 660 1140 630 C1222 600 1290 616 1370 684 C1444 746 1540 756 1666 710' fill='none' stroke='%23E0BE5B' stroke-opacity='.30' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M1366 520 C1312 448 1300 380 1332 312 C1360 250 1340 198 1270 140' fill='none' stroke='%2369441A' stroke-opacity='.14' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M1382 536 C1330 466 1324 398 1352 332 C1378 272 1360 222 1290 160' fill='none' stroke='%23D8B757' stroke-opacity='.26' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M210 270 C334 336 452 334 572 262 C690 192 812 202 942 288' fill='none' stroke='%23C99B42' stroke-opacity='.22' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M1260 820 C1342 762 1412 756 1500 804 C1580 846 1664 834 1764 756' fill='none' stroke='%23D4B55D' stroke-opacity='.22' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 14% 20%,rgba(250,247,242,.18),transparent 34%),
    radial-gradient(ellipse at 80% 76%,rgba(168,146,104,.20),transparent 38%);
  --green-stone:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='1100' viewBox='0 0 1900 1100'%3E%3Cpath d='M-60 734 C132 654 268 642 410 684 C568 730 718 690 864 608 C1012 526 1168 520 1328 580 C1492 642 1640 604 1930 468' fill='none' stroke='%235C6862' stroke-opacity='.12' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M-42 752 C140 682 274 674 410 712 C566 756 720 716 868 636 C1016 558 1168 550 1324 610 C1490 674 1644 632 1916 504' fill='none' stroke='%238A9A91' stroke-opacity='.20' stroke-width='1.35' stroke-linecap='round'/%3E%3Cpath d='M424 686 C484 614 526 566 594 528 C686 476 744 414 782 320 C816 236 876 168 980 90' fill='none' stroke='%23525D59' stroke-opacity='.11' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M442 704 C506 636 548 594 612 558 C700 508 760 442 804 352 C840 278 902 204 1000 130' fill='none' stroke='%2395A39A' stroke-opacity='.18' stroke-width='1.15' stroke-linecap='round'/%3E%3Cpath d='M620 542 C548 496 486 486 414 514 C336 544 268 516 190 442' fill='none' stroke='%235E6A65' stroke-opacity='.10' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M642 562 C570 520 506 514 430 540 C352 568 282 540 200 464' fill='none' stroke='%238D9C93' stroke-opacity='.16' stroke-width='1.05' stroke-linecap='round'/%3E%3Cpath d='M884 640 C846 560 866 496 928 438 C994 376 1028 296 1010 206' fill='none' stroke='%23525D59' stroke-opacity='.10' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M906 654 C874 582 894 522 952 464 C1018 400 1052 324 1038 230' fill='none' stroke='%2392A198' stroke-opacity='.17' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M940 462 C1026 436 1112 452 1198 508 C1278 560 1366 570 1472 528' fill='none' stroke='%235B6661' stroke-opacity='.10' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M960 482 C1040 462 1120 482 1200 534 C1284 588 1372 596 1480 556' fill='none' stroke='%2393A199' stroke-opacity='.16' stroke-width='1.05' stroke-linecap='round'/%3E%3Cpath d='M1336 600 C1390 520 1454 474 1540 442 C1630 408 1706 350 1802 250' fill='none' stroke='%23505B57' stroke-opacity='.11' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1358 618 C1412 542 1476 500 1558 470 C1646 438 1720 378 1810 284' fill='none' stroke='%238D9B93' stroke-opacity='.18' stroke-width='1.15' stroke-linecap='round'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 20% 24%,rgba(250,247,242,.34),transparent 36%),
    radial-gradient(ellipse at 74% 72%,rgba(4,63,52,.08),transparent 40%);
  --brass-vein:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='180' viewBox='0 0 520 180'%3E%3Cpath d='M-30 128 C60 102 96 52 176 58 C246 62 282 126 360 112 C420 102 460 54 548 42' fill='none' stroke='%23A89268' stroke-opacity='.05' stroke-width='18' stroke-linecap='round'/%3E%3Cpath d='M-24 132 C64 112 104 68 174 72 C242 76 282 136 358 124 C418 116 460 70 536 58' fill='none' stroke='%23FAF7F2' stroke-opacity='.06' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M180 70 C204 96 232 106 270 98 C310 88 334 104 366 132' fill='none' stroke='%23043F34' stroke-opacity='.14' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"),
    linear-gradient(107deg,rgba(168,146,104,.34),rgba(200,179,150,.22) 42%,rgba(5,82,66,.18));
  --button-vein:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='180' viewBox='0 0 520 180'%3E%3Cpath d='M-40 126 C58 96 98 48 178 56 C254 64 288 126 366 112 C428 100 468 54 556 38' fill='none' stroke='%23C8B396' stroke-opacity='.12' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M184 60 C210 88 236 98 276 90 C316 82 344 102 376 132' fill='none' stroke='%23FAF7F2' stroke-opacity='.12' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  --paper-texture:
    radial-gradient(ellipse at 12% 18%,rgba(250,247,242,.78),transparent 32%),
    radial-gradient(ellipse at 76% 72%,rgba(168,146,104,.20),transparent 34%),
    linear-gradient(115deg,rgba(4,63,52,.04) 0 1px,transparent 1px 9px),
    linear-gradient(22deg,transparent 0 58%,rgba(200,179,150,.16) 59%,transparent 60%);
  --stone-dust:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='5' seed='17'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .60 0 0 0 0 .57 0 0 0 0 .53 0 0 0 .42 0'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23n)' opacity='.96'/%3E%3Cpath d='M-30 250 C70 210 140 220 220 258 C286 290 338 278 398 226' fill='none' stroke='%23A79F94' stroke-opacity='.14' stroke-width='1.2'/%3E%3Cpath d='M-20 86 C82 126 170 118 252 74 C304 48 346 54 388 86' fill='none' stroke='%23FAF7F2' stroke-opacity='.14' stroke-width='1'/%3E%3C/svg%3E");
  --cream-grain:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='5' seed='31'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .43 0 0 0 0 .40 0 0 0 0 .36 0 0 0 .56 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23g)' opacity='.96'/%3E%3Cpath d='M-20 76 C46 58 96 64 150 92 C192 114 226 108 286 72' fill='none' stroke='%238E8578' stroke-opacity='.13' stroke-width='1.15'/%3E%3Cpath d='M-16 188 C42 168 92 174 152 206 C198 230 236 224 282 198' fill='none' stroke='%23FAF7F2' stroke-opacity='.16' stroke-width='1'/%3E%3C/svg%3E");
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background-color:var(--soft-cream);
  background-image:var(--stone-veins),var(--cream-grain),var(--stone-dust);
  background-size:1900px 1100px,auto,auto,260px 260px,320px 320px;
  background-position:center top,center top,center top,0 0,0 0;
  background-repeat:repeat-y,no-repeat,no-repeat,repeat,repeat;
  background-attachment:scroll,scroll,scroll,scroll,scroll;
  font-family:Jost,Arial,sans-serif;
  font-weight:400;
}
body.arabic{font-family:"Noto Kufi Arabic",Arial,sans-serif}
body.arabic h1,body.arabic h2,body.arabic h3{font-family:"Noto Kufi Arabic",Arial,sans-serif}
body.menu-open,body.bag-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
img,video{display:block;width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;letter-spacing:0}
.page{animation:page .55s ease both}
@keyframes page{from{opacity:0;transform:translateY(8px)}}
.section{padding:clamp(78px,10vw,150px) clamp(22px,7vw,112px)}
.eyebrow{color:var(--brass);font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.arabic .eyebrow{letter-spacing:0}
.reveal{opacity:0;filter:blur(3px);transform:translate3d(0,34px,0);transition:opacity .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),filter .75s ease var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal[data-enter="up"]{transform:translate3d(0,-26px,0)}
.reveal.visible{opacity:1;filter:none;transform:translate3d(0,0,0)}

.header{
  height:92px;
  padding:0 clamp(20px,4vw,60px);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  position:fixed;
  inset:0 0 auto;
  z-index:60;
  color:var(--gold);
  background:
    var(--stone-veins),
    var(--stone-dust),
    linear-gradient(180deg,rgba(4,63,52,.98),rgba(4,63,52,.94)),
    linear-gradient(104deg,transparent 0 62%,rgba(200,179,150,.16) 63%,transparent 64%);
  background-blend-mode:normal,normal,normal,normal;
  background-size:1900px 1100px,auto,auto,auto,320px 320px,auto,auto;
  background-repeat:no-repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat;
  transition:height .35s ease,background .35s ease,transform .55s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
  will-change:transform;
}
.header:after{content:"";height:1px;position:absolute;inset:auto 0 0;background:linear-gradient(90deg,var(--brass),var(--gold));transform:scaleX(var(--page-progress,0));transform-origin:left;transition:transform .12s linear}
[dir=rtl] .header:after{transform-origin:right}
.header.header-hidden{transform:translateY(-110%)}
.header.compact{height:72px;background:var(--stone-veins),var(--stone-dust),rgba(4,63,52,.98);background-blend-mode:normal,normal,normal;background-size:1900px 1100px,auto,auto,auto,320px 320px,auto;background-repeat:no-repeat,repeat,repeat,repeat,repeat,no-repeat;box-shadow:0 10px 28px rgba(31,37,34,.14)}
.logo{display:inline-flex;align-items:center;height:54px;transition:height .35s ease}
.logo img{height:100%;width:auto;display:block;object-fit:contain}
.header.compact .logo{height:42px}
.menu-trigger{padding:12px;display:grid;grid-template-columns:auto 24px;align-items:center;gap:10px;border:0;background:none;cursor:pointer}
.menu-trigger span{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}
.menu-trigger i{grid-column:2;width:24px;height:1px;background:currentColor}
.menu-trigger i:last-child{margin-top:-7px}
.header-end{justify-self:end;display:flex;align-items:center;gap:12px}
.lang,.bag-trigger{height:38px;border:1px solid rgba(200,179,150,.48);background:rgba(200,179,150,.05);cursor:pointer;font-size:.62rem}
.lang{padding:0 13px}
.acquire{
  min-height:42px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(200,179,150,.7);
  background:
    var(--button-vein),
    var(--stone-dust),
    linear-gradient(107deg,rgba(5,82,66,.98),rgba(2,91,74,.94));
  background-blend-mode:normal,normal,normal;
  background-size:620px 210px,auto,auto,auto,320px 320px,auto;
  background-repeat:repeat,repeat,repeat,repeat,repeat,no-repeat;
  font-size:.62rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease;
}
.acquire:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(31,37,34,.18)}
.acquire b{color:var(--gold);font-weight:500;letter-spacing:.08em}
.bag-trigger{padding:0 8px 0 13px;display:flex;align-items:center;gap:8px;border:0;text-transform:uppercase;letter-spacing:.1em}
.bag-trigger b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:var(--gold);font-size:.58rem}

.menu-shade,.bag-shade{position:fixed;inset:0;z-index:69;background:rgba(31,37,34,.56);opacity:0;visibility:hidden;transition:.35s}
.menu-panel{
  width:min(410px,92vw);
  padding:25px 34px 30px;
  display:flex;
  flex-direction:column;
  position:fixed;
  inset:0 0 0 auto;
  z-index:70;
  color:var(--warm-ivory);
  background:
    var(--stone-veins),
    var(--stone-dust),
    linear-gradient(rgba(27,32,30,.96),rgba(27,32,30,.96)),
    linear-gradient(118deg,transparent 0 64%,rgba(200,179,150,.18) 65%,transparent 66%);
  background-blend-mode:normal,normal,normal,normal;
  background-size:1900px 1100px,auto,auto,auto,320px 320px,auto,auto;
  background-repeat:no-repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat;
  box-shadow:-24px 0 70px rgba(31,37,34,.34);
  transform:translateX(103%);
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.menu-panel{color:var(--gold);background:var(--stone-veins),var(--stone-dust),linear-gradient(rgba(4,63,52,.97),rgba(4,63,52,.97)),linear-gradient(118deg,transparent 0 64%,rgba(200,179,150,.18) 65%,transparent 66%);background-blend-mode:normal,normal,normal,normal;background-size:1900px 1100px,auto,auto,auto,320px 320px,auto,auto;background-repeat:no-repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat}
[dir=rtl] .menu-panel{inset:0 auto 0 0;transform:translateX(-103%);box-shadow:24px 0 70px rgba(31,37,34,.34)}
.menu-open .menu-panel{transform:none}
.menu-open .menu-shade,.bag-open .bag-shade{opacity:1;visibility:visible}
.menu-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(250,247,242,.18);font-family:"Cormorant Garamond",Georgia,serif;letter-spacing:.25em}
.menu-head button,.bag-head button{border:0;background:none;color:inherit;font-size:1.7rem;cursor:pointer}
.menu-panel nav{margin:auto 0}
.menu-panel nav a{min-height:58px;padding:8px 34px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(200,179,150,.18);text-align:center;transition:padding .35s cubic-bezier(.16,1,.3,1),background .35s ease}
.menu-panel nav a:hover{padding-inline-start:44px;background:rgba(200,179,150,.06)}
.menu-panel nav small{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.52rem;color:var(--gold)}
[dir=rtl] .menu-panel nav small{left:auto;right:0}
.menu-panel nav span{width:100%;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.9rem;line-height:1.12}
.arabic .menu-panel nav span{font-family:"Noto Kufi Arabic",Arial,sans-serif;font-size:1.12rem;line-height:1.7}
.menu-bottom{padding-top:18px;display:flex;gap:12px 22px;flex-wrap:wrap;border-top:1px solid rgba(250,247,242,.22);font-size:.68rem;color:rgba(250,247,242,.84)}
.menu-bottom a{transition:color .25s ease}
.menu-bottom a:hover{color:var(--gold)}

.hero{
  min-height:100svh;
  padding:150px clamp(24px,8vw,126px) 70px;
  display:flex;
  align-items:flex-end;
  position:relative;
  overflow:hidden;
  color:var(--warm-ivory);
  background:
    var(--stone-veins),
    var(--night);
  background-blend-mode:normal,normal;
  background-size:1900px 1100px,auto;
  background-repeat:no-repeat;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    var(--stone-veins),
    linear-gradient(90deg,rgba(23,28,26,.82),rgba(23,28,26,.12) 62%,rgba(31,37,34,.08)),
    linear-gradient(0deg,rgba(31,37,34,.46),transparent 54%);
  background-blend-mode:normal,normal,normal;
  background-size:1900px 1100px,auto,auto;
  background-repeat:no-repeat,no-repeat,no-repeat;
  transform:translate3d(0,var(--hero-shift,0px),0) scale(1.055);
  filter:saturate(.8);
  will-change:transform;
  animation:drift 28s ease-in-out infinite alternate;
  z-index:1;
}
[dir=rtl] .hero:before{background:var(--stone-veins),linear-gradient(-90deg,rgba(23,28,26,.82),rgba(23,28,26,.12) 62%,rgba(31,37,34,.08)),linear-gradient(0deg,rgba(31,37,34,.46),transparent 54%);background-blend-mode:normal,normal,normal;background-size:1900px 1100px,auto,auto;background-repeat:no-repeat,no-repeat,no-repeat}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  transform:translate3d(0,var(--hero-shift,0px),0) scale(1.055);
  filter:saturate(.8);
  will-change:transform;
  animation:drift 28s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes drift{
  0%{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.055)}
  100%{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.12)}
}
.hero-copy{width:min(760px,94%);position:relative;z-index:2}
.hero-copy .eyebrow,
.inner-hero .eyebrow,
.policy-hero .eyebrow {
  color: var(--gold);
  font-weight: 600;
}
.hero h1{margin-bottom:24px;font-size:clamp(3.8rem,7.4vw,8.3rem);line-height:.88}
.hero-copy>p:not(.eyebrow){max-width:560px;color:rgba(250,247,242,.9);font-size:clamp(.96rem,1.4vw,1.18rem);line-height:1.8}
.hero-actions{margin-top:32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.primary-link,.add{
  min-height:50px;
  padding:0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:var(--gold);
  background:
    var(--button-vein),
    var(--stone-dust),
    linear-gradient(105deg,rgba(5,82,66,.98),rgba(2,91,74,.94));
  background-blend-mode:normal,normal,normal;
  background-size:620px 210px,auto,auto,auto,320px 320px,auto;
  background-repeat:repeat,repeat,repeat,repeat,repeat,no-repeat;
  border:1px solid rgba(200,179,150,.44);
  box-shadow:0 16px 36px rgba(27,32,30,.18),inset 0 1px rgba(250,247,242,.18);
  font-size:.66rem;
  font-weight:400;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:transform .38s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease;
}
.primary-link:hover,.add:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(31,37,34,.22),inset 0 1px rgba(250,247,242,.14)}
.primary-link span{color:var(--gold)}
.arrow-link{width:max-content;max-width:100%;padding-bottom:8px;display:flex;gap:14px;border-bottom:1px solid currentColor;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;transition:gap .35s cubic-bezier(.16,1,.3,1),color .35s ease}
.arrow-link:hover{gap:20px}
.arrow-link.dark{color:var(--green)}
.film-jump{display:flex;align-items:center;gap:12px;position:absolute;right:clamp(24px,5vw,76px);bottom:55px;z-index:2;color:inherit;border:0;background:none;cursor:pointer;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.film-jump span{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(250,247,242,.55);border-radius:50%;font-size:.55rem}
[dir=rtl] .film-jump{right:auto;left:clamp(24px,5vw,76px)}

.color-section,.product-page,.about-hero,.values,.contact-page,.closer,.luxury,.ritual-grid{
  background:transparent;
}
.section-title{max-width:820px;margin:0 auto 40px;text-align:center}
.section-title h1,.section-title h2{margin-bottom:18px;font-size:clamp(3.1rem,5.6vw,6.2rem);line-height:.95}
.section-title>p:last-child{color:var(--muted);font-size:.88rem;line-height:1.7}
.color-tabs{width:min(820px,100%);margin:0 auto 70px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.color-tabs button{
  min-height:54px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid var(--line);
  color:var(--charcoal);
  background:
    var(--green-stone),
    linear-gradient(rgba(239,237,232,.68),rgba(227,222,213,.5)),
    var(--stone-dust);
  background-size:1900px 1100px,auto,auto,auto,auto,320px 320px;
  background-repeat:no-repeat,repeat,repeat,repeat,repeat,repeat;
  cursor:pointer;
  font-size:.65rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.color-tabs i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(31,37,34,.18);background:var(--swatch);box-shadow:inset 0 0 0 4px rgba(250,247,242,.18)}
.color-tabs button.active{color:var(--gold);background:var(--stone-veins),var(--stone-dust),linear-gradient(118deg,rgba(4,63,52,.98),rgba(5,82,66,.94));background-blend-mode:normal,normal,normal;background-size:1900px 1100px,auto,auto,auto,320px 320px,auto;border-color:rgba(200,179,150,.42);box-shadow:0 14px 30px rgba(4,63,52,.14);transform:translateY(-2px)}
.editorial-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(25px,5vw,70px);position:relative}
.image-card{margin:0;padding:clamp(18px,2.4vw,34px);position:relative;background:linear-gradient(rgba(250,247,242,.48),rgba(227,222,213,.5)),var(--green-stone),var(--cream-grain),var(--stone-dust);background-size:auto,1900px 1100px,260px 260px,auto,auto,auto,320px 320px;background-repeat:repeat,no-repeat,repeat,repeat,repeat,repeat,repeat;border:.5px solid rgba(31,37,34,.09);box-shadow:0 22px 60px rgba(31,37,34,.07);transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s ease}
.image-card:hover{transform:translateY(-8px);box-shadow:0 34px 74px rgba(31,37,34,.11)}
.image-card img{height:min(68vw,720px);object-fit:cover}
.image-card-a{margin-top:80px}
.image-card-a img{height:min(59vw,620px)}
.image-card span{padding:8px 14px;position:absolute;top:12px;right:12px;z-index:2;color:var(--warm-ivory);background:var(--stone-veins),var(--stone-dust),rgba(27,32,30,.94);background-blend-mode:normal,normal,normal;background-size:1900px 1100px,auto,auto,auto,320px 320px,auto;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase}
[dir=rtl] .image-card span{right:auto;left:12px}
.vertical-note{margin:0;position:absolute;right:-52px;top:50%;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;transform:rotate(90deg);color:var(--brass)}
[dir=rtl] .vertical-note{right:auto;left:-52px;transform:rotate(-90deg)}

.science{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:var(--charcoal);
  background:transparent;
}
.science:before{content:"";width:clamp(5px,.7vw,10px);position:absolute;inset:0 auto 0 0;z-index:2;background:linear-gradient(var(--green),var(--emerald))}
[dir=rtl] .science:before{inset:0 0 0 auto}
.science>*{position:relative;z-index:1}
.mission{color:var(--ink);background:transparent;border-block:1px solid rgba(4,63,52,.14)}
.science-intro{max-width:840px;margin-bottom:70px}
.science-intro h2{font-size:clamp(3.2rem,6vw,6.8rem);line-height:.92}
.science-intro em{color:var(--green);font-style:italic;font-weight:300}
.science-list{max-width:1150px;margin-left:auto}
[dir=rtl] .science-list{margin-left:0;margin-right:auto}
.science-list article{padding:30px 0;display:grid;grid-template-columns:66px 1fr;border-top:1px solid rgba(31,37,34,.14)}
.science-list b{color:var(--gold);font-size:.62rem}
.science-list h3{margin-bottom:9px;color:var(--green);font-size:1.7rem}
.science-list p{max-width:570px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.85}
.science-image{width:58%;margin:80px 0 0 auto;padding-inline-start:14px;position:relative;border-inline-start:4px solid var(--green)}
[dir=rtl] .science-image{margin-left:auto;margin-right:0}
.science-image img{height:min(62vw,620px);object-fit:cover}

.film{min-height:100svh;position:relative;overflow:hidden;color:var(--warm-ivory);background:var(--night)}
.film video{width:100%;height:100svh;object-fit:cover;filter:none}
.film:after{content:"";position:absolute;inset:0;background:none}
[dir=rtl] .film:after{background:none}
.film-overlay{max-width:620px;position:absolute;left:clamp(25px,8vw,126px);bottom:clamp(55px,10vw,130px);z-index:2}
[dir=rtl] .film-overlay{left:auto;right:clamp(25px,8vw,126px)}
.film-overlay h2{font-size:clamp(3.2rem,5.8vw,6rem);line-height:.94}
.film-overlay>p:last-child{color:rgba(250,247,242,.86);line-height:1.8}
.film-notes{position:absolute;right:clamp(24px,6vw,90px);bottom:clamp(42px,8vw,100px);z-index:2;display:grid;gap:10px;color:var(--gold);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.film-notes span{padding:9px 12px;border:1px solid rgba(200,179,150,.34);background:rgba(27,32,30,.58);backdrop-filter:blur(10px)}
[dir=rtl] .film-notes{right:auto;left:clamp(24px,6vw,90px)}
.film-logo{width:96px;height:96px;object-fit:contain;position:absolute;right:42px;top:42px;z-index:2}
[dir=rtl] .film-logo{right:auto;left:42px}

.luxury{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature-panel{
  min-height:410px;
  padding:clamp(30px,4vw,56px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(31,37,34,.12);
  background:
    linear-gradient(rgba(250,247,242,.54),rgba(239,237,232,.48)),
    var(--green-stone),
    var(--stone-dust);
  background-size:auto,1900px 1100px,260px 260px,auto,auto,auto,320px 320px;
  background-repeat:repeat,no-repeat,repeat,repeat,repeat,repeat,repeat;
  box-shadow:0 24px 60px rgba(31,37,34,.08);
}
.feature-panel h2{max-width:560px;margin:12px 0 18px;color:var(--green);font-size:clamp(2.5rem,4.4vw,5rem);line-height:.98}
.feature-panel p:last-child{max-width:600px;color:var(--muted);line-height:1.86}
.unboxing-panel{padding:0;overflow:hidden;display:grid;grid-template-rows:minmax(250px,1fr) auto}
.unboxing-panel img{height:100%;min-height:300px;object-fit:cover}
.unboxing-panel>div{padding:clamp(24px,3.2vw,44px);background:linear-gradient(rgba(239,237,232,.72),rgba(227,222,213,.64)),var(--cream-grain)}
.proof-section,.policy-page{background:transparent}
.proof-heading{max-width:900px;margin-bottom:46px}
.proof-heading h2{font-size:clamp(3rem,5.4vw,6rem);line-height:.95}
.proof-grid,.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.proof-grid article,.policy-grid article{min-height:280px;padding:32px;border:1px solid rgba(4,63,52,.16);background:linear-gradient(rgba(250,247,242,.58),rgba(239,237,232,.5)),var(--green-stone),var(--cream-grain),var(--stone-dust);background-size:auto,1900px 1100px,260px 260px,320px 320px;background-repeat:repeat,no-repeat,repeat,repeat}
.proof-grid b,.policy-grid b{color:var(--gold);font-size:.62rem;letter-spacing:.14em}
.proof-grid h3,.policy-grid h2{margin:70px 0 16px;color:var(--green);font-size:clamp(1.65rem,2.4vw,2.3rem);line-height:1.08}
.proof-grid p,.policy-grid p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.8}
.policy-hero{min-height:58vh;display:grid;align-items:end;position:relative;isolation:isolate;overflow:hidden;color:var(--gold);background:var(--charcoal)}
.policy-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--stone-veins);background-size:1900px 1100px,auto,auto;background-position:center;background-repeat:no-repeat,no-repeat,no-repeat;opacity:.4}
.policy-hero:after{content:"";width:clamp(5px,.7vw,10px);position:absolute;inset:0 auto 0 0;z-index:1;background:linear-gradient(var(--green),var(--emerald))}
[dir=rtl] .policy-hero:after{inset:0 0 0 auto}
.policy-hero>div{position:relative;z-index:2}
.policy-hero h1{max-width:900px;margin-bottom:22px;font-size:clamp(3.4rem,7vw,7.4rem);line-height:.92}
.policy-hero p:last-child{max-width:680px;color:rgba(250,247,242,.88);line-height:1.8}
.closer{min-height:78vh;display:grid;place-items:center;text-align:center}
.closer h2{font-size:clamp(3.4rem,7.2vw,7.5rem);line-height:.92;color:var(--green)}
.closer>div>div{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}

.product-page{padding-top:145px;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,7vw,100px)}
.product-object{
  min-height:360px;
  margin-bottom:18px;
  padding:28px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 72%,rgba(31,37,34,.16),transparent 38%),
    linear-gradient(rgba(250,247,242,.56),rgba(227,222,213,.52)),
    var(--green-stone),
    var(--cream-grain),
    var(--stone-dust);
  background-size:auto,auto,1900px 1100px,260px 260px,320px 320px;
  background-repeat:no-repeat,repeat,no-repeat,repeat,repeat;
  border:0;
}
.product-object p{position:absolute;left:24px;top:22px;z-index:2;margin:0;color:var(--brass);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
[dir=rtl] .product-object p{left:auto;right:24px}
.product-object img{width:min(88%,760px);filter:drop-shadow(0 28px 34px rgba(31,37,34,.2));transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s ease}
.product-object:hover img{transform:translateY(-7px) scale(1.012);filter:drop-shadow(0 38px 42px rgba(31,37,34,.22))}
.product-main{height:70vh;overflow:hidden;background:var(--warm-stone)}
.product-main img{height:100%;object-fit:cover}
.thumbs{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.thumbs button{height:95px;padding:3px;border:1px solid transparent;background:rgba(250,247,242,.55);cursor:pointer}
.thumbs button.active{border-color:var(--green);box-shadow:inset 0 -4px var(--green),0 10px 22px rgba(4,63,52,.12);transform:translateY(-2px)}
.thumbs img{height:100%;object-fit:cover}
.product-copy{padding-top:24px;position:sticky;top:104px;align-self:start}
.product-copy h1{margin-bottom:12px;font-size:clamp(3.4rem,5.5vw,6rem);line-height:.92;color:var(--green)}
.price{display:block;margin-bottom:22px;color:var(--green);font-family:"Cormorant Garamond",Georgia,serif;font-size:2.1rem;font-weight:500}
.local-price{margin:-12px 0 22px;color:var(--brass);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.product-copy>p:not(.eyebrow){color:var(--muted);line-height:1.85}
.product-copy label{margin:28px 0 12px;display:block;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}
.swatches{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.swatches button{width:48px;height:48px;border:5px solid var(--warm-ivory);outline:1px solid rgba(31,37,34,.18);border-radius:50%;background:var(--swatch);cursor:pointer;box-shadow:0 10px 22px rgba(31,37,34,.08)}
.swatches button.active{outline:2px solid var(--green);box-shadow:0 0 0 5px rgba(4,63,52,.09),0 12px 26px rgba(31,37,34,.12);transform:translateY(-2px)}
.swatches span{margin-inline-start:8px;font-size:.78rem;color:var(--green);font-weight:600}
.stock-note{margin:13px 0 0!important;display:flex;align-items:center;gap:9px;color:var(--green)!important;font-size:.76rem;font-weight:500;letter-spacing:.02em;line-height:1.5!important}
.stock-note:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(4,63,52,.12)}
.stock-note[hidden]{display:none}
.add{width:100%;margin-top:28px;cursor:pointer;background:var(--button-vein),var(--stone-dust),linear-gradient(105deg,rgba(5,82,66,.98),rgba(2,91,74,.94));background-blend-mode:normal,normal,normal;background-size:620px 210px,auto,auto,auto,320px 320px,auto;background-repeat:repeat,repeat,repeat,repeat,repeat,no-repeat}
.add:hover,.primary-link:hover{background:var(--button-vein),var(--stone-dust),linear-gradient(105deg,rgba(2,91,74,.99),rgba(5,82,66,.96));background-blend-mode:normal,normal,normal;background-size:620px 210px,auto,auto,auto,320px 320px,auto;background-repeat:repeat,repeat,repeat,repeat,repeat,no-repeat}
.trust-stack{margin:16px 0 18px;display:grid;gap:8px;color:var(--brass);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.trust-stack span{padding-left:18px;position:relative}
.trust-stack span:before{content:"";width:6px;height:6px;position:absolute;left:0;top:.55em;border-radius:50%;background:var(--gold)}
[dir=rtl] .trust-stack span{padding-left:0;padding-right:18px}
[dir=rtl] .trust-stack span:before{left:auto;right:0}
.product-copy>small{display:block;margin:14px 0 26px;text-align:center;color:var(--brass);line-height:1.6}
.product-copy details{padding:18px 0;border-top:1px solid var(--line)}
.product-copy details:last-child{border-bottom:1px solid var(--line)}
.product-copy summary{cursor:pointer;font-weight:400;transition:color .3s ease,padding .3s ease}
.product-copy details[open]{padding-inline:14px;border-color:rgba(4,63,52,.32);background:rgba(4,63,52,.035)}
.product-copy details[open] summary{color:var(--green);padding-inline-start:8px}
.product-copy details p{margin:14px 0 0;color:var(--muted);font-size:.82rem;line-height:1.8}

.inner-hero{min-height:76svh;padding:150px clamp(24px,8vw,126px) 80px;display:flex;align-items:flex-end;position:relative;color:var(--warm-ivory);background:linear-gradient(90deg,rgba(23,28,26,.8),rgba(23,28,26,.1)),var(--inner) center/cover}
[dir=rtl] .inner-hero{background:linear-gradient(-90deg,rgba(23,28,26,.8),rgba(23,28,26,.1)),var(--inner) center/cover}
.inner-hero>div{max-width:740px}
.inner-hero h1{font-size:clamp(3.6rem,7.2vw,7.8rem);line-height:.92}
.about-hero h1,.contact-page h1{font-size:clamp(3.6rem,7.2vw,7.8rem);line-height:.92;color:var(--green)}
.inner-hero>div>p:last-child{max-width:560px;color:rgba(250,247,242,.88);line-height:1.8}
.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ritual-grid article{min-height:340px;padding:40px;background:linear-gradient(rgba(250,247,242,.52),rgba(239,237,232,.48)),var(--green-stone),var(--cream-grain),var(--stone-dust);background-size:auto,1900px 1100px,260px 260px,auto,auto,auto,320px 320px;background-repeat:repeat,no-repeat,repeat,repeat,repeat,repeat,repeat;border:1px solid var(--line)}
.ritual-grid b,.values b{color:var(--gold);font-size:.62rem}
.ritual-grid h2{margin:85px 0 15px;color:var(--green);font-size:2rem}
.ritual-grid p{color:var(--muted);line-height:1.78}

.about-hero{padding-top:150px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.about-hero>div>p:last-child{max-width:520px;color:var(--muted);line-height:1.85}
.about-hero img{height:70vh;object-fit:cover}
.mission{text-align:center}
.mission p{color:var(--brass);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.mission h2{max-width:1080px;margin:auto;color:var(--green);font-size:clamp(2.8rem,5.2vw,5.6rem);line-height:1.05}
.values-heading{max-width:760px;margin-bottom:54px}
.values-heading .eyebrow{color:var(--brass)}
.values-heading h2{margin:12px 0 0;color:var(--green);font-size:clamp(2.8rem,5vw,5.4rem);line-height:.98}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.values-grid article{min-height:310px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border:1px solid rgba(4,63,52,.2);background:linear-gradient(rgba(250,247,242,.56),rgba(239,237,232,.5)),var(--green-stone),var(--cream-grain),var(--stone-dust);background-size:auto,1900px 1100px,260px 260px,auto,auto,auto,320px 320px;background-repeat:repeat,no-repeat,repeat,repeat,repeat,repeat,repeat;box-shadow:0 18px 45px rgba(31,37,34,.08)}
.value-number{width:48px;height:48px;display:grid;place-items:center;color:#6f522a;border:1px solid var(--brass);border-radius:50%;background:rgba(200,179,150,.22);font-size:.72rem;font-weight:500;letter-spacing:.08em}
.values-grid h3{margin:60px 0 14px;color:var(--green);font-size:clamp(1.6rem,2.35vw,2.25rem);line-height:1.08}
.values-grid p{max-width:330px;margin:0;color:var(--muted);font-size:.84rem;line-height:1.82}
.values-grid article>span{position:absolute;top:31px;right:30px;color:var(--gold);font-size:1rem}
[dir=rtl] .values-grid article>span{right:auto;left:30px}

.contact-page{padding-top:160px;min-height:85vh}
.contact-cards{max-width:1050px;margin:60px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.contact-cards a{min-height:260px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(rgba(250,247,242,.56),rgba(239,237,232,.5)),var(--green-stone),var(--cream-grain),var(--stone-dust);background-size:auto,1900px 1100px,260px 260px,auto,auto,auto,320px 320px;background-repeat:repeat,no-repeat,repeat,repeat,repeat,repeat,repeat;border:1px solid var(--line);transition:.35s}
.contact-cards a:hover,.contact-cards a.active{color:var(--gold);background:var(--stone-veins),var(--stone-dust),linear-gradient(118deg,rgba(4,63,52,.98),rgba(5,82,66,.94));background-blend-mode:normal,normal,normal;background-size:1900px 1100px,auto,auto,auto,320px 320px,auto;transform:translateY(-5px);box-shadow:0 20px 44px rgba(31,37,34,.12)}
.contact-cards span{width:56px;height:56px;display:grid;place-items:center;color:var(--green);background:rgba(200,179,150,.18);border:1px solid rgba(168,146,104,.46);border-radius:50%;box-shadow:inset 0 1px rgba(250,247,242,.32)}
.contact-cards svg{width:24px;height:24px;display:block;fill:currentColor}
.contact-cards a:hover span,.contact-cards a.active span{color:var(--gold);background:rgba(250,247,242,.08);border-color:rgba(200,179,150,.62)}
.contact-cards h2{font-size:2rem}
.contact-cards p{margin-top:5px;color:var(--muted);font-size:.72rem;letter-spacing:.04em}
.contact-cards a:hover p{color:rgba(250,247,242,.72)}
.contact-cards i{font-style:normal;align-self:end}

.footer{padding:70px clamp(24px,7vw,110px) 25px;display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:50px;position:relative;color:var(--charcoal);background:transparent}
.footer:before{content:"";height:1px;position:absolute;top:0;left:clamp(24px,7vw,110px);right:clamp(24px,7vw,110px);background:linear-gradient(90deg,rgba(4,63,52,.08),rgba(4,63,52,.34) 28%,rgba(200,179,150,.78) 50%,rgba(4,63,52,.34) 72%,rgba(4,63,52,.08))}
.footer .logo{height:46px}
.footer>div>a:not(.logo){width:max-content;max-width:100%;margin-bottom:10px;padding:3px 18px 3px 0;display:block;position:relative;color:rgba(31,37,34,.86);background:linear-gradient(90deg,var(--brass),var(--brass)) left bottom/0 1px no-repeat;font-size:.78rem;transition:color .3s ease,transform .35s cubic-bezier(.16,1,.3,1),background-size .35s ease}
.footer>div>a:not(.logo):after{content:"↗";position:absolute;right:0;top:50%;color:var(--brass);opacity:0;transform:translate(-6px,-50%);transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.footer>div>a:not(.logo):hover,.footer>div>a:not(.logo):focus-visible{color:var(--green);background-size:100% 1px;transform:translateX(7px)}
.footer>div>a:not(.logo):hover:after,.footer>div>a:not(.logo):focus-visible:after{opacity:1;transform:translate(0,-50%)}
[dir=rtl] .footer>div>a:not(.logo){padding:3px 0 3px 18px;background-position:right bottom}
[dir=rtl] .footer>div>a:not(.logo):after{right:auto;left:0;transform:translate(6px,-50%) rotate(-90deg)}
[dir=rtl] .footer>div>a:not(.logo):hover,[dir=rtl] .footer>div>a:not(.logo):focus-visible{transform:translateX(-7px)}
[dir=rtl] .footer>div>a:not(.logo):hover:after,[dir=rtl] .footer>div>a:not(.logo):focus-visible:after{transform:translate(0,-50%) rotate(-90deg)}
.footer p{font-size:.8rem;color:rgba(31,37,34,.8);line-height:1.7}
.copy{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(31,37,34,.12)}

.bag{
  width:min(440px,100%);
  padding:27px;
  display:flex;
  flex-direction:column;
  position:fixed;
  inset:0 0 0 auto;
  z-index:72;
  color:var(--ink);
  background-color:var(--soft-cream);
  background-image:linear-gradient(rgba(250,247,242,.88),rgba(239,237,232,.9)),var(--stone-veins),var(--cream-grain),var(--stone-dust);
  background-size:auto,1900px 1100px,auto,auto,260px 260px,320px 320px;
  background-position:center,center top,center,center,0 0,0 0;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat;
  box-shadow:-24px 0 70px rgba(31,37,34,.28);
  transform:translateX(103%);
  transition:.5s cubic-bezier(.16,1,.3,1);
}
[dir=rtl] .bag{inset:0 auto 0 0;transform:translateX(-103%);box-shadow:24px 0 70px rgba(31,37,34,.28)}
.bag-open .bag{transform:none}
.bag-shade{z-index:71}
.bag-head{padding-bottom:18px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(4,63,52,.18)}
.bag-head small{color:var(--brass);font-weight:500}
.bag-head h2{margin:5px 0 0;color:var(--green);font-size:2.05rem}
.bag-head button{color:var(--green)}
.bag-items{flex:1;overflow:auto}
.bag-items article{padding:20px 0;display:grid;grid-template-columns:88px 1fr auto;gap:14px;border-bottom:1px solid rgba(4,63,52,.14)}
.bag-items img{height:104px;object-fit:cover}
.bag-items h3{margin-bottom:4px;font-size:1.15rem;color:var(--green)}
.bag-items p{margin-bottom:8px;color:var(--muted);font-size:.72rem}
.bag-stock-note{margin-bottom:8px;display:flex;align-items:center;gap:6px;color:var(--green);font-size:.68rem;font-weight:500}
.bag-stock-note:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(4,63,52,.1)}
.bag-items small{display:block;color:var(--brass);font-size:.62rem;font-weight:500;line-height:1.5}
.bag-items article>div>div{margin-top:12px;display:flex;gap:10px;align-items:center}
.bag-items button{border:0;background:none;color:var(--green);cursor:pointer}
.bag-items article>div>div button{width:25px;height:25px;border:1px solid rgba(4,63,52,.22);border-radius:50%;transition:color .25s ease,background .25s ease}
.bag-items article>div>div button:hover{color:var(--gold);background:var(--green)}
.bag-add-finish{padding:18px 0 8px}
.bag-add-finish>small{display:block;margin-bottom:10px;color:var(--brass);font-size:.62rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.bag-add-finish>button{width:100%;min-height:52px;padding:8px 12px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border:1px solid rgba(4,63,52,.16);background:rgba(250,247,242,.48);text-align:start;transition:border-color .25s ease,background .25s ease}
.bag-add-finish>button:hover{border-color:rgba(4,63,52,.38);background:rgba(250,247,242,.85)}
.bag-add-finish>button span{width:24px;height:24px;border:3px solid var(--warm-ivory);border-radius:50%;outline:1px solid rgba(31,37,34,.16);background:var(--swatch)}
.bag-add-finish>button strong{color:var(--green);font-family:"Cormorant Garamond",Georgia,serif;font-size:1rem;font-weight:600}
.arabic .bag-add-finish>button strong{font-family:"Noto Kufi Arabic",Arial,sans-serif;font-size:.72rem}
.bag-add-finish>button em{color:var(--brass);font-size:.6rem;font-style:normal;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted)}
.bag-total{padding-top:20px;border-top:1px solid rgba(4,63,52,.18)}
.bag-total>div{margin-bottom:16px;display:flex;justify-content:space-between}
.bag-total strong{color:var(--green)}
.bag-total>button{width:100%;height:50px;border:0;color:var(--gold);background:var(--button-vein),var(--stone-dust),linear-gradient(105deg,rgba(5,82,66,.98),rgba(4,63,52,.96));background-size:620px 210px,320px 320px,auto;cursor:pointer;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.bag-total>.bag-trust{margin-top:14px;display:grid;justify-content:stretch;gap:7px;color:var(--brass);font-size:.62rem;font-weight:500;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
.toast{padding:12px 20px;position:fixed;left:50%;bottom:24px;z-index:90;color:var(--gold);background:var(--stone-veins),var(--stone-dust),rgba(4,63,52,.97);background-blend-mode:normal,normal,normal;background-size:1900px 1100px,auto,auto,auto,320px 320px,auto;border:1px solid rgba(200,179,150,.35);border-radius:0;opacity:0;transform:translate(-50%,12px);transition:.3s;pointer-events:none;font-size:.74rem}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:980px){
  .product-page,.about-hero,.luxury{grid-template-columns:1fr}
  .product-copy{position:static}
  .science-image{width:76%}
  .ritual-grid,.values-grid,.contact-cards{grid-template-columns:1fr}
  .ritual-grid article{min-height:260px}
  .ritual-grid h2{margin-top:50px}
  .about-hero img{height:60vh}
  .contact-cards a{min-height:210px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media(max-width:700px){
  .header{height:76px;padding:0 12px;grid-template-columns:auto 1fr auto}
  .header.compact{height:66px}
  .logo{font-size:1.02rem;letter-spacing:.28em}
  .menu-trigger span{display:none}
  .header-end{gap:4px}
  .lang{height:32px;padding:0 7px;font-size:.56rem}
  .acquire{min-height:36px;padding:0 10px;gap:7px;font-size:.54rem;letter-spacing:.09em}
  .acquire b{display:none}
  .bag-trigger{padding:0 3px;gap:4px}
  .bag-trigger>span{display:inline;font-size:.48rem;letter-spacing:.06em}
  .hero{padding:120px 22px 55px}
  .hero-copy{width:100%}
  .hero h1{font-size:clamp(3.2rem,16vw,5.4rem)}
  .hero-copy>p:not(.eyebrow){font-size:.92rem}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .film-jump{display:none}
  .section{padding:78px 20px}
  .section-title h1,.section-title h2{font-size:3.1rem}
  .color-tabs{grid-template-columns:1fr;margin-bottom:38px}
  .editorial-grid{grid-template-columns:1fr}
  .image-card-a{margin-top:0}
  .image-card img,.image-card-a img{height:62vh}
  .vertical-note{display:none}
  .science-intro h2{font-size:3.25rem}
  .science-list article{grid-template-columns:40px 1fr}
  .science-image{width:92%;margin:60px 0 0 auto}
  .science-image img{height:420px}
  .film,.film video{min-height:85svh;height:85svh}
  .film-overlay{right:22px;bottom:158px;max-width:calc(100% - 44px)}
  [dir=rtl] .film-overlay{left:22px;right:22px}
  .film-overlay h2{font-size:2.85rem}
  .film-overlay>p:last-child{font-size:.9rem;line-height:1.65}
  .film-notes{right:20px;left:20px;bottom:22px;gap:7px;font-size:.49rem;letter-spacing:.08em}
  .film-notes span{padding:8px 10px}
  .film-logo{width:74px;height:74px;right:18px;top:88px}
  [dir=rtl] .film-logo{right:auto;left:18px}
  .feature-panel{min-height:320px}
  .proof-heading h2,.policy-hero h1{font-size:2.85rem}
  .proof-grid,.policy-grid{grid-template-columns:1fr}
  .proof-grid article,.policy-grid article{min-height:230px}
  .proof-grid h3,.policy-grid h2{margin-top:46px;font-size:1.7rem}
  .closer h2{font-size:3.35rem}
  .product-page{padding-top:108px}
  .product-object{min-height:260px;padding:18px}
  .product-object p{max-width:72%;font-size:.54rem}
  .product-object img{width:112%;max-width:none}
  .product-main{height:58vh}
  .thumbs button{height:70px}
  .product-copy h1{font-size:3.45rem}
  .local-price{letter-spacing:.07em;line-height:1.65}
  .inner-hero{padding:120px 22px 55px}
  .inner-hero h1,.about-hero h1,.contact-page h1{font-size:3.35rem}
  .contact-cards{margin-top:38px}
  .contact-cards a{min-height:190px;padding:28px}
  .about-hero{padding-top:108px;gap:30px}
  .mission h2{font-size:2.55rem}
  .footer{grid-template-columns:1fr}
  .menu-panel{padding:22px 25px 24px}
  .menu-panel nav span{font-size:1.65rem}
  .arabic .menu-panel nav span{font-size:1.02rem}
}

@media(max-width:420px){
  .header{padding-inline:10px}
  .header-end{gap:2px}
  .acquire{padding-inline:8px}
  .contact-cards a{min-height:165px}
}

@media(max-width:350px){
  .bag-trigger>span{display:none}
}

.before-after-banner {
  width: min(820px, 100%);
  margin: 0 auto 70px;
  padding: clamp(16px, 3vw, 24px) clamp(20px, 4vw, 36px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid rgba(200, 179, 150, 0.35);
  color: var(--on-dark, #faf7f2);
  background: var(--stone-veins, none), var(--stone-dust, none), linear-gradient(118deg, var(--green, #043f34), var(--emerald, #055242));
  background-size: 1900px 1100px, auto, auto;
  box-shadow: 0 14px 30px rgba(4, 63, 52, 0.15);
  border-radius: 4px;
  text-align: center;
}
.before-after-banner .badge {
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: rgba(250, 247, 242, 0.12);
  padding: 6px 12px;
  border-radius: 3px;
  border: 1px solid rgba(200, 179, 150, 0.25);
  white-space: nowrap;
  color: var(--gold, #c8b396);
}
.before-after-banner .text {
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  line-height: 1.5;
  color: var(--warm-ivory, #faf7f2);
  margin: 0;
}
@media (max-width: 768px) {
  .before-after-banner {
    flex-direction: column;
    padding: 20px;
    gap: 12px;
    margin-bottom: 38px;
  }
}