@font-face{font-family:Cairo;src:url('../fonts/cairo-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('../fonts/cairo-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('../fonts/cairo-bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}

:root{
  --primary:var(--brand-primary,#2f6a3f);
  --primary-deep:#1f4b2d;
  --secondary:var(--brand-secondary,#85542d);
  --secondary-soft:#f3d38d;
  --dark:var(--brand-dark,#1f3426);
  --cream:#f7f2e8;
  --cream-deep:#eee2cf;
  --paper:#fffdf8;
  --muted:#5e6e78;
  --line:#ddcfb8;
  --red:#9b3b2d;
  --blue:#2f6a3f;
  --gold:#85542d;
  --white:#fff;
  --green:#138a55;
  --shadow-sm:0 12px 35px rgba(8,44,70,.09);
  --shadow-lg:0 30px 90px rgba(5,64,102,.18);
  --radius-sm:16px;
  --radius:26px;
  --radius-lg:42px;
  --container:min(1180px,calc(100% - 40px));
  --header-height:88px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--cream);color:var(--dark);font-family:Cairo,Arial,sans-serif;font-size:16px;line-height:1.8;overflow-x:clip;text-rendering:optimizeLegibility}
.maintenance-page{min-height:100svh;display:grid;place-content:center;justify-items:center;text-align:center;padding:32px;background:radial-gradient(circle at 50% 18%,#fff 0 16%,transparent 17%),linear-gradient(145deg,#fff6df,#fff)}.maintenance-page img{width:min(240px,60vw);border-radius:28px;box-shadow:0 20px 70px #4b26171f}.maintenance-page>span{margin-top:28px;color:var(--red);font-weight:800}.maintenance-page h1{font-size:clamp(2.5rem,8vw,5.5rem);line-height:1.1;margin:8px 0}.maintenance-page p{max-width:600px;color:var(--muted);margin:0 0 24px}.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.partner-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft)}.partner-card img{width:100%;height:100px;object-fit:contain;margin-bottom:15px}.partner-card>span{color:var(--red);font-size:.8rem;font-weight:800}.partner-card h3{font-size:1.4rem;margin:4px 0}.partner-card p{color:var(--muted);margin:0 0 12px}
body.nav-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
input[type="tel"]{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
button{color:inherit}
.container{width:var(--container);margin-inline:auto}
.icon{width:1.25em;height:1.25em;flex:0 0 auto;vertical-align:-.2em}
.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:16px;z-index:9999;background:#fff;color:#111;padding:10px 16px;border-radius:10px;transform:translateY(-150%);transition:.2s}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
.honeypot{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}

.top-strip{background:var(--dark);color:#f9e7d4;font-size:.78rem;letter-spacing:.01em}
.top-strip .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-strip span,.top-strip a{display:flex;align-items:center;gap:7px}
.top-strip .icon{color:var(--secondary)}
.site-header{position:sticky;inset-block-start:0;z-index:100;background:rgba(247,242,232,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,95,157,.1);transition:box-shadow .25s,background .25s}
.site-header.scrolled{box-shadow:0 14px 35px rgba(8,44,70,.1);background:rgba(255,253,248,.97)}
.header-inner{min-height:var(--header-height);display:flex;align-items:center;gap:25px}
.brand{display:flex;align-items:center;gap:12px;min-width:225px}
.brand img{width:106px;height:60px;object-fit:contain;background:transparent;filter:drop-shadow(0 5px 8px rgba(7,52,83,.12))}
.brand span{display:flex;flex-direction:column;line-height:1.35}
.brand strong{font-size:.92rem;font-weight:800}
.brand small{font-size:.66rem;color:var(--muted);font-weight:600;letter-spacing:.04em}
.site-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
.site-nav a{position:relative;padding:11px 10px;border-radius:999px;font-size:.86rem;font-weight:700;color:#304757;white-space:nowrap;transition:.2s}
.site-nav a:hover,.site-nav a.active{background:#fff;color:var(--primary)}
.site-nav a.active::after{content:"";position:absolute;inset-inline:calc(50% - 3px);inset-block-end:3px;width:6px;height:6px;border-radius:50%;background:var(--secondary)}
.header-cta{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border-radius:999px;padding:12px 17px;font-size:.82rem;font-weight:800;box-shadow:0 10px 25px rgba(7,95,157,.24);transition:.2s}
.header-cta:hover{transform:translateY(-2px);background:var(--primary-deep)}
.nav-toggle{display:none;background:var(--primary);color:#fff;border:0;border-radius:14px;width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer}

.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:12px 23px;font-weight:800;line-height:1.3;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--primary);color:#fff;box-shadow:0 14px 28px rgba(7,95,157,.2)}
.button.primary:hover{background:var(--primary-deep);box-shadow:0 18px 34px rgba(6,75,122,.25)}
.button.secondary{background:var(--secondary);color:var(--dark)}
.button.cream{background:var(--cream);color:var(--primary-deep);box-shadow:0 14px 35px rgba(75,5,9,.18)}
.button.ghost-light{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.06)}
.button.full{width:100%}
.button:disabled{opacity:.55;cursor:wait;transform:none}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800}
.text-link .icon{transition:transform .2s}
.text-link:hover .icon{transform:translateX(-4px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-block-end:10px}
.eyebrow.light{color:#f3d38d}
.section{padding-block:105px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-block-end:42px}
.section-head h2{margin:0;max-width:700px;font-size:clamp(2rem,4vw,3.55rem);line-height:1.18;letter-spacing:-.04em}
.section-head>p{max-width:480px;margin:0;color:var(--muted);font-size:1rem}
.section-head.compact{margin-block-end:26px}

.hero{position:relative;isolation:isolate;background:linear-gradient(130deg,#062f4d,var(--primary) 67%,#1380bd);color:#fff;min-height:690px;overflow:hidden}
.hero::before{content:"";position:absolute;width:500px;height:500px;border:110px solid rgba(255,196,65,.08);border-radius:50%;inset-inline-start:-220px;inset-block-start:-180px}
.hero-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000 65%)}
.hero-grid{position:relative;z-index:2;min-height:665px;display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.92fr);align-items:center;gap:60px;padding-block:60px 100px}
.hero-copy h1{margin:0;font-size:clamp(3.9rem,7.6vw,7.2rem);line-height:.98;letter-spacing:-.07em;max-width:760px;text-wrap:balance}
.hero-copy>p{max-width:660px;margin:28px 0 31px;color:#e8f4fb;font-size:1.12rem;line-height:2}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-trust{display:flex;flex-wrap:wrap;gap:22px;margin-block-start:27px;color:#d7ebf7;font-size:.78rem;font-weight:700}
.hero-trust span{display:flex;align-items:center;gap:7px}
.hero-trust .icon{color:var(--secondary)}
.hero-visual{position:relative;min-height:500px;perspective:1000px}
.sun-disc{position:absolute;width:390px;height:390px;border-radius:50%;background:linear-gradient(145deg,#ffd25c,var(--secondary));inset-block-start:55px;inset-inline-end:40px;box-shadow:0 30px 90px rgba(90,12,10,.25)}
.snack-ring{position:absolute;border:2px dashed rgba(255,255,255,.42);border-radius:50%;animation:spin 24s linear infinite}
.ring-one{width:480px;height:480px;inset-block-start:6px;inset-inline-end:-5px}
.ring-two{width:310px;height:310px;inset-block-start:94px;inset-inline-end:80px;animation-direction:reverse;animation-duration:18s}
.floating-product{position:absolute;margin:0;width:230px;background:#fff;border-radius:28px;padding:12px 12px 16px;box-shadow:0 28px 55px rgba(3,45,73,.28);transform:rotate(var(--rotation,0));transition:.3s;animation:float 5s ease-in-out infinite}
.floating-product img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}
.floating-product span{display:block;color:var(--dark);text-align:center;font-weight:800;margin-block-start:8px;font-size:.83rem}
.floating-product.product-1{inset-block-start:40px;inset-inline-end:165px;--rotation:-5deg;z-index:3}
.floating-product.product-2{inset-block-start:235px;inset-inline-end:18px;--rotation:7deg;z-index:4;animation-delay:-1.4s;width:205px}
.floating-product.product-3{inset-block-start:265px;inset-inline-end:270px;--rotation:-9deg;z-index:2;animation-delay:-2.5s;width:190px}
.floating-product:hover{transform:rotate(0) translateY(-8px);z-index:8}
.hero-stamp{position:absolute;inset-block-end:0;inset-inline-start:35px;width:125px;height:125px;border-radius:50%;background:var(--dark);border:5px solid var(--cream);display:grid;place-content:center;text-align:center;transform:rotate(-8deg);box-shadow:0 20px 40px rgba(3,45,73,.25);z-index:6}
.hero-stamp strong{font-size:1.75rem;line-height:1;color:var(--secondary)}
.hero-stamp span{font-size:.67rem;font-weight:800;margin-block-start:5px}
.hero-wave{position:absolute;z-index:1;height:75px;inset-inline:0;inset-block-end:-1px;background:var(--cream);clip-path:polygon(0 84%,10% 78%,23% 83%,36% 65%,51% 73%,66% 51%,81% 65%,100% 37%,100% 100%,0 100%)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{translate:0 -10px}}

.category-ribbon{background:var(--cream);padding-block:22px;border-bottom:1px solid var(--line)}
.category-list{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.category-list span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);padding:9px 16px;border-radius:999px;font-size:.78rem;font-weight:800;box-shadow:var(--shadow-sm)}
.category-list .icon{color:var(--primary)}

.products-section{background:var(--cream)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.product-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.product-image-wrap{position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 12%,#fff),#f4ead8);aspect-ratio:1.15}
.product-image-wrap::after{content:"";position:absolute;inset:auto -20% -45% 20%;height:65%;border-radius:50%;background:var(--card-accent);opacity:.13}
.product-image-wrap img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .35s;filter:drop-shadow(0 22px 22px rgba(7,52,83,.14))}
.product-card:hover .product-image-wrap img{transform:scale(1.035)}
.product-number{position:absolute;z-index:3;inset-block-start:18px;inset-inline-start:18px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--card-accent);font-size:.75rem;font-weight:900;box-shadow:0 8px 22px rgba(40,20,10,.1)}
.product-body{padding:23px 25px 28px}
.product-body>span{color:var(--card-accent);font-size:.7rem;font-weight:800}
.product-body h3{margin:4px 0 8px;font-size:1.4rem;line-height:1.4}
.product-body p{margin:0;color:var(--muted);font-size:.9rem}
.section-action{display:flex;justify-content:center;margin-block-start:38px}

.story-section{background:var(--paper);position:relative;overflow:hidden}
.story-section::after{content:"العائلة";position:absolute;inset-inline-start:-40px;inset-block-end:-90px;font-size:16rem;line-height:1;font-weight:900;color:rgba(7,95,157,.04);letter-spacing:-.12em}
.story-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}
.story-visual{position:relative;min-height:520px}
.story-logo{position:absolute;z-index:3;width:330px;aspect-ratio:1;inset-block-start:85px;inset-inline-start:calc(50% - 165px);border-radius:50%;background:linear-gradient(145deg,#f7dfa2,var(--gold));padding:38px;box-shadow:var(--shadow-lg);display:grid;place-items:center;border:1px solid rgba(255,255,255,.45)}
.story-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(8,44,70,.16))}
.story-card{position:absolute;width:190px;height:190px;border-radius:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;box-shadow:var(--shadow-lg)}
.story-card.red{background:var(--primary);color:#fff;inset-block-start:10px;inset-inline-end:20px;transform:rotate(8deg)}
.story-card.yellow{background:var(--secondary);color:var(--dark);inset-block-end:10px;inset-inline-start:10px;transform:rotate(-9deg)}
.story-card strong{font-size:2.5rem;line-height:1}.story-card span{font-size:1rem}
.story-copy h2{font-size:clamp(2.3rem,4.8vw,4.3rem);line-height:1.15;margin:0 0 22px;letter-spacing:-.05em}
.story-copy>p{font-size:1.03rem;color:var(--muted);margin:0 0 28px}
.pillars{display:grid;gap:13px;margin-block-end:26px}
.pillars>div{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:19px;padding:14px;background:var(--cream)}
.pillars>div>.icon{width:42px;height:42px;padding:10px;border-radius:14px;background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}
.pillars span{display:flex;flex-direction:column}.pillars strong{font-size:.94rem}.pillars small{color:var(--muted);font-size:.74rem}

.news-preview{background:linear-gradient(180deg,var(--cream),#eaf4fa)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.post-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.post-image{display:block;overflow:hidden;aspect-ratio:1}
.post-image img{width:100%;height:100%;object-fit:cover;transition:.35s}
.post-card:hover .post-image img{transform:scale(1.04)}
.post-card>div{padding:22px 23px 25px}
.post-meta{color:var(--primary);font-size:.7rem;font-weight:800}
.post-card h3{font-size:1.25rem;margin:6px 0 8px;line-height:1.5}
.post-card p{font-size:.86rem;color:var(--muted);margin:0}

.values-section{background:var(--dark);color:#fff;position:relative;overflow:hidden}
.values-section::before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;border:120px solid rgba(244,170,28,.06);inset-inline-end:-260px;inset-block-start:-220px}
.values-grid{position:relative;z-index:1;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}
.values-intro h2{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.02;margin:0 0 24px;letter-spacing:-.06em}
.values-intro p{color:#cad9e2;margin:0;max-width:480px}
.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.value-cards article{position:relative;min-height:320px;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:27px 22px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}
.value-cards article:hover{background:rgba(255,255,255,.08);transform:translateY(-6px)}
.value-cards article>span{position:absolute;inset-block-start:20px;inset-inline-end:20px;color:#9d8d85;font-size:.7rem;font-weight:800}
.value-cards article>.icon{position:absolute;inset-block-start:35px;inset-inline-start:22px;width:52px;height:52px;color:var(--secondary)}
.value-cards h3{font-size:1.25rem;margin:0 0 8px}.value-cards p{font-size:.82rem;color:#b7c9d3;margin:0}

.articles-preview{background:var(--paper)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.article-card{position:relative;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:330px;display:flex;flex-direction:column;align-items:flex-start}
.article-card:nth-child(2){background:#e2eff7}.article-card:nth-child(3){background:#f5e5bf}
.article-icon{width:58px;height:58px;border-radius:18px;background:var(--primary);color:#fff;display:grid;place-items:center;margin-block-end:38px;box-shadow:0 12px 28px rgba(7,95,157,.2)}
.article-icon .icon{width:27px;height:27px}
.article-card>span{color:var(--primary);font-size:.7rem;font-weight:800}
.article-card h3{font-size:1.32rem;line-height:1.5;margin:6px 0 10px}
.article-card p{font-size:.86rem;color:var(--muted);margin:0 0 20px}
.article-card .text-link{margin-block-start:auto;font-size:.8rem}

.faq-preview{background:var(--cream)}
.faq-grid,.faq-page-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px;align-items:start}
.faq-intro h2{font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.2;margin:0 0 18px}
.faq-intro p{color:var(--muted);margin:0 0 25px}
.accordion{display:grid;gap:12px}
.accordion details{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:0 20px;box-shadow:0 6px 22px rgba(65,25,15,.04)}
.accordion summary{list-style:none;cursor:pointer;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:800}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary span{width:32px;height:32px;border-radius:50%;background:var(--cream);display:grid;place-items:center;color:var(--primary);font-size:1.3rem;transition:.2s}
.accordion details[open] summary span{transform:rotate(45deg);background:var(--primary);color:#fff}
.accordion details p{margin:-4px 0 22px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);padding-block-start:17px}
.accordion.large summary{font-size:1.05rem;min-height:82px}

.final-cta{background:var(--cream);padding:30px 0 70px}
.final-cta-inner{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--primary-deep),var(--primary));color:#fff;border-radius:var(--radius-lg);padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:var(--shadow-lg)}
.final-cta-inner::after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(255,207,93,.14);border-radius:50%;inset-inline-end:-90px;inset-block-start:-100px}
.final-cta-inner>div{position:relative;z-index:1}.final-cta-inner>div:last-child{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.final-cta span{color:#ffd999;font-size:.75rem;font-weight:800}.final-cta h2{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.15;margin:4px 0 8px}.final-cta p{margin:0;color:#e0eef6}

.breadcrumb{display:flex;align-items:center;gap:9px;padding-block:14px;font-size:.72rem;color:var(--muted)}
.breadcrumb a{color:var(--primary);font-weight:700}
.page-hero{position:relative;background:linear-gradient(125deg,var(--primary-deep),var(--primary));color:#fff;min-height:430px;display:flex;align-items:center;overflow:hidden}
.page-hero::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:90px solid rgba(255,205,81,.08);inset-inline-start:-180px;inset-block-start:-200px}
.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:70px;padding-block:65px}
.page-hero h1{font-size:clamp(3rem,6.3vw,6.2rem);line-height:1.04;letter-spacing:-.06em;margin:0 0 22px}.page-hero h1 em{font-style:normal;color:#f3cd70}.page-hero p{max-width:650px;color:#deedf6;font-size:1.03rem;margin:0}

.about-mark{width:min(100%,360px);aspect-ratio:1;margin-inline:auto;background:linear-gradient(145deg,#f7dfa2,var(--gold));border-radius:50%;padding:38px;display:grid;place-items:center;box-shadow:0 30px 70px rgba(64,3,9,.25);position:relative}.about-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(8,44,70,.16))}.about-mark span{position:absolute;inset-block-end:-16px;background:var(--dark);color:var(--secondary);border-radius:999px;padding:8px 18px;font-size:.72rem;font-weight:800}
.manifesto-section{background:var(--paper)}
.manifesto-grid{display:grid;grid-template-columns:.5fr 1.5fr;gap:80px;align-items:center}
.manifesto-number{font-size:clamp(7rem,18vw,14rem);font-weight:900;line-height:.8;color:var(--primary);letter-spacing:-.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.manifesto-copy h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.1;margin:0 0 23px}.manifesto-copy p{font-size:1.02rem;color:var(--muted);max-width:820px}
.direction-section{background:var(--cream)}
.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.direction-card{min-height:420px;border-radius:var(--radius-lg);padding:45px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-lg)}
.direction-card.red{background:var(--primary);color:#fff}.direction-card.yellow{background:var(--secondary);color:var(--dark)}
.direction-card>span{width:65px;height:65px;border-radius:20px;background:rgba(255,255,255,.18);display:grid;place-items:center;margin-block-end:auto}.direction-card>span .icon{width:32px;height:32px}
.direction-card small{font-weight:800;opacity:.75}.direction-card h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.35;margin:8px 0 0}
.fact-section{background:var(--paper)}
.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fact-grid article{border:1px solid var(--line);background:var(--cream);border-radius:24px;padding:27px 23px;display:flex;flex-direction:column;gap:8px;min-height:200px}.fact-grid .icon{width:36px;height:36px;color:var(--primary);margin-block-end:auto}.fact-grid strong{font-size:.85rem}.fact-grid span{color:var(--muted);font-size:.8rem}

.product-orbit{position:relative;width:330px;aspect-ratio:1;margin-inline:auto;border:2px dashed rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center}.product-orbit::before{content:"";position:absolute;inset:42px;border-radius:50%;background:var(--secondary);box-shadow:0 20px 55px rgba(63,2,5,.2)}.product-orbit strong{position:relative;z-index:2;font-size:4.5rem;color:var(--primary-deep);letter-spacing:-.08em}.product-orbit span{position:absolute;background:#fff;color:var(--dark);border-radius:999px;padding:7px 13px;font-size:.72rem;font-weight:800;box-shadow:var(--shadow-sm)}.product-orbit span:nth-child(1){inset-block-start:5px;inset-inline-start:42%}.product-orbit span:nth-child(2){inset-inline-end:-20px;inset-block-start:42%}.product-orbit span:nth-child(3){inset-block-end:8px;inset-inline-start:38%}.product-orbit span:nth-child(4){inset-inline-start:-20px;inset-block-start:42%}
.catalog-section{background:var(--cream)}
.catalog-note{display:flex;align-items:center;gap:15px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:17px 20px;margin-block-end:32px}.catalog-note>span{width:42px;height:42px;border-radius:14px;background:#e4f7ed;color:var(--green);display:grid;place-items:center}.catalog-note p{margin:0;flex:1;color:var(--muted);font-size:.85rem}.catalog-note a{color:var(--primary);font-weight:800;font-size:.8rem;display:flex;align-items:center;gap:7px}
.catalog-grid{display:grid;gap:30px}
.catalog-card{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.catalog-card:nth-child(even){grid-template-columns:1.15fr .85fr}.catalog-card:nth-child(even) .catalog-visual{order:2}.catalog-card:nth-child(even) .catalog-body{order:1}
.catalog-visual{position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 14%,#fff),#fff2dc);min-height:430px;overflow:hidden}.catalog-visual::after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:var(--card-accent);opacity:.12;inset-inline-end:-50px;inset-block-end:-80px}.catalog-visual img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.catalog-visual>span{position:absolute;z-index:3;inset-block-start:24px;inset-inline-start:24px;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--card-accent);font-size:.74rem;font-weight:900;box-shadow:var(--shadow-sm)}
.catalog-body{padding:45px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.catalog-body>span{color:var(--card-accent);font-weight:800;font-size:.75rem}.catalog-body h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.18;margin:6px 0 16px}.catalog-body p{color:var(--muted);margin:0 0 25px}
.snack-guide{background:var(--paper)}
.snack-guide-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.snack-guide h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.16;margin:0}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-steps article{border:1px solid var(--line);border-radius:24px;padding:25px;background:var(--cream)}.guide-steps article>span{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;font-size:.72rem}.guide-steps h3{font-size:1.05rem;margin:35px 0 8px}.guide-steps p{color:var(--muted);font-size:.8rem;margin:0}

.news-signal,.article-counter,.career-badge,.faq-mark,.contact-pulse{width:280px;min-height:260px;margin-inline:auto;border-radius:50%;background:var(--secondary);color:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 70px rgba(69,6,8,.22);text-align:center;position:relative}.news-signal .icon,.article-counter .icon,.career-badge .icon,.faq-mark .icon,.contact-pulse .icon{width:52px;height:52px;color:var(--primary);margin-block-end:10px}.news-signal strong,.article-counter strong,.career-badge span,.faq-mark strong{font-size:4rem;line-height:1}.news-signal span,.article-counter span,.career-badge strong,.faq-mark span{font-size:.8rem;font-weight:800}
.news-listing{background:var(--cream)}
.news-masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.news-card{display:grid;grid-template-columns:240px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);min-height:260px}.news-card.featured{grid-column:1/-1;grid-template-columns:1fr 1fr}.news-image{display:block;overflow:hidden;min-height:100%}.news-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.news-card:hover img{transform:scale(1.04)}.news-card>div{padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.news-card h2{font-size:1.35rem;line-height:1.45;margin:6px 0 9px}.news-card.featured h2{font-size:2.1rem}.news-card p{font-size:.85rem;color:var(--muted);margin:0 0 14px}.news-card .text-link{font-size:.76rem;margin-block-start:auto}
.social-follow{background:var(--dark);color:#fff;padding-block:65px}.social-follow .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.social-follow span{color:var(--secondary);font-size:.76rem;font-weight:800}.social-follow h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.2;margin:5px 0}.social-follow .container>div:last-child{display:flex;gap:10px;flex-wrap:wrap}

.articles-page{background:var(--cream)}
.article-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.article-list-card{display:grid;grid-template-columns:190px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);min-height:270px}.article-list-card.featured{grid-column:1/-1;grid-template-columns:1fr 1.1fr}.article-list-visual{position:relative;background:linear-gradient(145deg,var(--secondary),#e2eff7);min-height:100%;display:grid;place-items:center;overflow:hidden}.article-list-visual>span{position:absolute;inset-block-start:16px;inset-inline-start:16px;background:#fff;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:var(--primary);font-size:.7rem;font-weight:900}.article-list-visual>img{width:100%;height:100%;object-fit:cover}.article-list-visual>.icon{width:60px;height:60px;color:var(--primary)}.article-list-card>div:last-child{padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.article-list-card h2{font-size:1.35rem;line-height:1.5;margin:5px 0 9px}.article-list-card.featured h2{font-size:2.25rem}.article-list-card p{font-size:.86rem;color:var(--muted);margin:0 0 16px}.article-list-card .text-link{font-size:.78rem;margin-block-start:auto}
.article-header{background:linear-gradient(125deg,var(--dark),#4a3431);color:#fff;padding-block:75px}.article-header-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.article-header h1{font-size:clamp(2.8rem,5.6vw,5.7rem);line-height:1.12;letter-spacing:-.05em;margin:0 0 24px}.article-header p{color:#dac9c2;font-size:1.05rem;margin:0 0 20px}.article-date{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:.78rem;font-weight:800}.article-cover{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25);transform:rotate(-3deg)}.article-cover img{width:100%;aspect-ratio:1;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:70px;align-items:start;padding-block:80px}.article-content{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,5vw,60px);box-shadow:var(--shadow-sm)}.article-content h2{font-size:1.8rem;line-height:1.4;margin:38px 0 14px}.article-content h3{font-size:1.3rem;margin:30px 0 10px}.article-content p,.article-content li{color:#554a45;line-height:2.05}.article-content ul{padding-inline-start:22px}.article-cta{margin-block-start:45px;border-radius:25px;padding:30px;background:var(--cream);border:1px solid var(--line)}.article-cta h2{margin:0 0 8px}.article-cta p{margin:0 0 18px}.article-aside{position:sticky;inset-block-start:120px;display:grid;gap:10px;background:var(--dark);color:#fff;border-radius:24px;padding:23px}.article-aside>span{color:var(--secondary);font-size:.72rem;font-weight:800;margin-block-end:5px}.article-aside a{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:12px;font-size:.78rem;font-weight:700}.article-aside a:hover{background:rgba(255,255,255,.08)}

.careers-content{background:var(--cream)}
.careers-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:start}.job-list{display:grid;gap:15px}.job-card{border:1px solid var(--line);background:var(--paper);border-radius:24px;padding:25px;box-shadow:var(--shadow-sm)}.job-card>div>span{color:var(--primary);font-size:.7rem;font-weight:800}.job-card h2{font-size:1.5rem;margin:3px 0 9px}.job-meta{display:flex;gap:18px;flex-wrap:wrap}.job-meta span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.job-card details{margin-block-start:16px;border-top:1px solid var(--line);padding-block-start:14px}.job-card summary{list-style:none;cursor:pointer;font-weight:800;color:var(--primary);display:flex;justify-content:space-between}.job-card summary::-webkit-details-marker{display:none}.job-card details h3{font-size:1rem;margin:20px 0 6px}.job-card details p{font-size:.85rem;color:var(--muted)}
.application-panel{position:sticky;inset-block-start:115px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow-lg)}.application-panel h2,.contact-form-card h2{font-size:2rem;margin:0 0 5px}.application-panel>p{color:var(--primary);font-size:.8rem;font-weight:800;margin:0 0 24px}
form{display:grid;gap:15px}form label{display:grid;gap:7px;font-size:.78rem;font-weight:700}form label>span{color:#534842}input,textarea,select{width:100%;border:1px solid #ddcdbb;background:#fffdf9;color:var(--dark);border-radius:14px;padding:12px 14px;outline:none;transition:border .2s,box-shadow .2s}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(227,30,47,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.file-field{background:var(--cream);border:1px dashed #d7bfa6;border-radius:16px;padding:14px}.file-field input{background:#fff}.file-field small{color:var(--muted);font-weight:400}.form-status{display:none;border-radius:13px;padding:11px 13px;font-size:.8rem}.form-status:not(:empty){display:block}.form-status.loading{background:#fff4cf;color:#75530a}.form-status.success{background:#e5f7ed;color:#11633d}.form-status.error{background:#ffe5e8;color:#a10d1e}

.faq-page{background:var(--cream)}
.empty-state{background:var(--paper);border:1px dashed #d7bfa6;border-radius:var(--radius);padding:45px;text-align:center}.empty-state h2,.empty-state h3{margin:0 0 8px}.empty-state p{color:var(--muted);margin:0}
.contact-pulse{background:var(--secondary)}.contact-pulse>span{position:absolute;inset:-18px;border:2px dashed rgba(255,255,255,.45);border-radius:50%;animation:spin 18s linear infinite}.contact-pulse strong{font-size:1.05rem}.contact-pulse small{font-size:1.6rem;font-weight:900;color:var(--primary);direction:ltr}
.contact-section{background:var(--cream)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.contact-details h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.25;margin:0 0 30px}.contact-cards{display:grid;gap:13px}.contact-cards>a{display:flex;align-items:center;gap:15px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:var(--shadow-sm);transition:.2s}.contact-cards>a:hover{transform:translateX(-5px);border-color:var(--primary)}.contact-cards>a>.icon{width:45px;height:45px;padding:10px;border-radius:14px;background:var(--cream);color:var(--primary)}.contact-cards a span{display:flex;flex-direction:column}.contact-cards small{font-size:.68rem;color:var(--muted)}.contact-cards strong{font-size:.95rem;direction:ltr;text-align:right}.contact-social{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block-start:24px}.contact-social>span{font-size:.75rem;font-weight:800;margin-inline-end:6px}.contact-social a{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:.76rem;font-weight:700;background:var(--paper)}
.contact-form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(28px,5vw,48px);box-shadow:var(--shadow-lg)}

.legal-hero{background:var(--dark);color:#fff;padding-block:90px}.legal-hero h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.1;margin:0 0 14px}.legal-hero p{color:#cdbdb5}.legal-page{background:var(--cream)}.legal-layout{display:grid;grid-template-columns:250px 1fr;gap:60px;align-items:start}.legal-layout aside{position:sticky;inset-block-start:120px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:15px;display:grid}.legal-layout aside a{padding:10px 12px;border-radius:12px;font-size:.78rem;font-weight:700}.legal-layout aside a:hover{background:var(--cream);color:var(--primary)}.legal-content{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,5vw,58px)}.legal-content section+section{border-top:1px solid var(--line);padding-block-start:26px;margin-block-start:26px}.legal-content h2{font-size:1.55rem;margin:0 0 10px}.legal-content p{color:var(--muted);margin:0}

.site-footer{position:relative;background:var(--dark);color:#fff;padding-block:85px 30px;overflow:hidden}.footer-shape{position:absolute;width:430px;height:430px;border:95px solid rgba(244,170,28,.05);border-radius:50%;inset-inline-end:-180px;inset-block-end:-180px}.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px}.footer-grid section{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid h2{font-size:.95rem;margin:0 0 12px}.footer-grid section>a{color:#cdbfb8;font-size:.78rem}.footer-grid section>a:hover{color:var(--secondary)}.footer-brand img{width:135px;height:74px;object-fit:contain;background:transparent;filter:drop-shadow(0 9px 12px rgba(0,0,0,.18))}.footer-brand h2{font-size:1.05rem;margin:12px 0 2px}.footer-brand p{font-size:.76rem;color:#b9aaa3;margin:0;max-width:320px}.socials{display:flex;gap:8px;margin-block-start:10px}.socials a{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}.socials a:hover{background:var(--primary)}.footer-contact>a,.footer-contact>span{display:flex!important;align-items:flex-start;gap:9px}.footer-contact .icon{color:var(--secondary);margin-block-start:3px}.footer-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.09);margin-block-start:55px;padding-block-start:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#988b85;font-size:.7rem}.footer-bottom a:hover{color:var(--secondary)}
.mobile-actions{display:none}.install-app{position:fixed;z-index:90;inset-inline-start:18px;inset-block-end:20px;border:0;border-radius:999px;background:var(--dark);color:#fff;padding:12px 17px;font-weight:800;box-shadow:var(--shadow-lg);align-items:center;gap:8px;cursor:pointer}.install-app:not([hidden]){display:flex}

@media (max-width:1100px){
  :root{--container:min(100% - 32px,980px)}
  .brand span{display:none}.brand{min-width:auto}.brand img{width:88px}
  .site-nav a{padding-inline:8px;font-size:.79rem}.header-cta span{display:none}.header-cta{width:46px;height:46px;padding:0;justify-content:center}
  .hero-grid{grid-template-columns:1fr 420px;gap:30px}.hero-copy h1{font-size:5.3rem}.floating-product{width:200px}.floating-product.product-1{inset-inline-end:120px}.floating-product.product-2{width:175px}.floating-product.product-3{inset-inline-end:225px;width:165px}.sun-disc{width:330px;height:330px}.ring-one{width:410px;height:410px}.ring-two{width:270px;height:270px}
  .story-grid{gap:45px}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid section:last-child{grid-column:2/-1}
  .value-cards{grid-template-columns:1fr}.value-cards article{min-height:180px}.value-cards article>.icon{inset-block-start:25px}.values-grid{grid-template-columns:.85fr 1.15fr}
  .fact-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  :root{--header-height:76px}
  .top-strip .container{justify-content:center}.top-strip span{display:none}
  .header-inner{justify-content:space-between}.brand span{display:flex}.brand{min-width:auto}.brand img{width:80px;height:52px}
  .nav-toggle{display:flex;order:3}.header-cta{margin-inline-start:auto}
  .site-nav{position:fixed;inset-inline:16px;inset-block-start:calc(34px + var(--header-height) + 8px);background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:15px;box-shadow:var(--shadow-lg);display:grid;gap:5px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.2s;max-height:calc(100vh - 140px);overflow:auto}
  .site-nav.open{opacity:1;visibility:visible;transform:none}.site-nav a{padding:12px 15px;font-size:.9rem}.site-nav a.active::after{display:none}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:70px 115px}.hero-copy{text-align:center}.hero-copy h1{margin-inline:auto;font-size:clamp(3.8rem,12vw,6.4rem)}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{min-height:480px;max-width:560px;width:100%;margin-inline:auto}.sun-disc{inset-inline-end:calc(50% - 170px)}.ring-one{inset-inline-end:calc(50% - 210px)}.ring-two{inset-inline-end:calc(50% - 135px)}.floating-product.product-1{inset-inline-end:calc(50% - 100px)}.floating-product.product-2{inset-inline-end:calc(50% - 260px)}.floating-product.product-3{inset-inline-end:auto;inset-inline-start:calc(50% - 250px)}.hero-stamp{inset-inline-start:calc(50% - 245px)}
  .product-grid,.post-grid,.article-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid,.values-grid,.faq-grid,.faq-page-grid,.page-hero-grid,.manifesto-grid,.snack-guide-grid,.article-header-grid,.careers-grid,.contact-grid,.legal-layout{grid-template-columns:1fr}
  .story-visual{order:2}.story-copy{order:1}.story-visual{max-width:600px;width:100%;margin-inline:auto}
  .values-grid{gap:45px}.value-cards{grid-template-columns:repeat(3,1fr)}.value-cards article{min-height:300px}
  .page-hero{text-align:center}.page-hero p{margin-inline:auto}.about-mark,.product-orbit,.news-signal,.article-counter,.career-badge,.faq-mark,.contact-pulse{margin-block-start:15px}
  .manifesto-number{writing-mode:horizontal-tb;transform:none;font-size:9rem}
  .direction-grid{grid-template-columns:1fr}.direction-card{min-height:330px}
  .catalog-card,.catalog-card:nth-child(even){grid-template-columns:1fr}.catalog-card:nth-child(even) .catalog-visual{order:1}.catalog-card:nth-child(even) .catalog-body{order:2}.catalog-visual{min-height:520px}
  .snack-guide-grid{gap:35px}.article-layout{grid-template-columns:1fr;gap:30px}.article-aside{position:static;grid-template-columns:repeat(3,1fr)}
  .application-panel{position:static}.legal-layout aside{position:static;display:flex;overflow:auto;white-space:nowrap}.news-card{grid-template-columns:190px 1fr}.news-card.featured{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid section:last-child{grid-column:auto}.footer-brand{grid-column:1/-1}
}

@media (max-width:650px){
  :root{--container:min(100% - 24px,580px);--radius-lg:30px}
  body{font-size:15px;padding-block-end:68px}.top-strip{display:none}.site-nav{inset-block-start:calc(var(--header-height) + 8px)}
  .brand span{display:none}.brand img{width:80px}.header-cta{margin-inline-start:0}
  .section{padding-block:72px}.section-head{align-items:start;flex-direction:column;gap:14px;margin-block-end:28px}.section-head h2{font-size:2.25rem}.section-head>p{font-size:.9rem}
  .hero-grid{padding-block:55px 100px}.hero-copy h1{font-size:clamp(3.4rem,18vw,5.2rem)}.hero-copy>p{font-size:.95rem;margin-block:20px 25px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-trust{gap:12px;font-size:.7rem}.hero-visual{min-height:385px}.sun-disc{width:260px;height:260px;inset-inline-end:calc(50% - 130px);inset-block-start:50px}.ring-one{width:330px;height:330px;inset-inline-end:calc(50% - 165px);inset-block-start:15px}.ring-two{width:220px;height:220px;inset-inline-end:calc(50% - 110px);inset-block-start:70px}.floating-product{width:155px;border-radius:22px;padding:8px}.floating-product img{border-radius:16px}.floating-product.product-1{width:165px;inset-inline-end:calc(50% - 82px);inset-block-start:20px}.floating-product.product-2{width:140px;inset-inline-end:calc(50% - 190px);inset-block-start:185px}.floating-product.product-3{width:135px;inset-inline-start:calc(50% - 190px);inset-block-start:205px}.floating-product span{font-size:.66rem}.hero-stamp{width:90px;height:90px;inset-inline-start:calc(50% - 176px);inset-block-end:10px}.hero-stamp strong{font-size:1.2rem}.hero-stamp span{font-size:.55rem}
  .category-list{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding-block-end:4px}.category-list span{white-space:nowrap}
  .product-grid,.post-grid,.article-grid,.value-cards,.guide-steps,.fact-grid,.news-masonry,.article-list-grid{grid-template-columns:1fr}
  .product-body{padding:20px}.story-grid{gap:35px}.story-visual{min-height:400px}.story-logo{width:245px;inset-inline-start:calc(50% - 122px);inset-block-start:70px;padding:28px}.story-card{width:140px;height:140px;border-radius:30px}.story-card.red{inset-inline-end:0}.story-card.yellow{inset-inline-start:0}.story-card strong{font-size:1.8rem}.story-copy h2{font-size:2.5rem}
  .values-intro h2{font-size:3.5rem}.value-cards article{min-height:215px}.article-card{min-height:290px}
  .faq-grid,.faq-page-grid{gap:38px}.final-cta{padding-block-end:35px}.final-cta-inner{padding:36px 24px;align-items:flex-start;flex-direction:column}.final-cta-inner>div:last-child{width:100%;display:grid}.final-cta .button{width:100%}
  .page-hero{min-height:390px}.page-hero-grid{padding-block:50px;gap:35px}.page-hero h1{font-size:3.4rem}.page-hero p{font-size:.9rem}.about-mark{width:240px;padding:35px}.manifesto-number{font-size:6rem}.manifesto-copy h2{font-size:2.5rem}.direction-card{padding:28px;min-height:320px}.direction-card h2{font-size:1.8rem}
  .catalog-note{align-items:flex-start;flex-wrap:wrap}.catalog-note p{flex-basis:calc(100% - 65px)}.catalog-note a{margin-inline-start:57px}.catalog-visual{min-height:auto;aspect-ratio:1}.catalog-body{padding:30px 24px}.catalog-body h2{font-size:2.4rem}.guide-steps{gap:12px}.guide-steps h3{margin-block-start:22px}
  .news-signal,.article-counter,.career-badge,.faq-mark,.contact-pulse{width:220px;min-height:220px}.news-card,.news-card.featured,.article-list-card,.article-list-card.featured{grid-template-columns:1fr}.news-image,.article-list-visual{aspect-ratio:1.2}.news-card.featured h2,.article-list-card.featured h2{font-size:1.55rem}.social-follow .container{align-items:flex-start;flex-direction:column}.social-follow .container>div:last-child{width:100%;display:grid}.social-follow .button{width:100%}
  .article-header{padding-block:52px}.article-header h1{font-size:3rem}.article-cover{transform:none}.article-layout{padding-block:55px}.article-content{padding:25px 20px}.article-aside{grid-template-columns:1fr}.article-cta{padding:22px}
  .form-row{grid-template-columns:1fr}.application-panel,.contact-form-card{padding:26px 20px}.job-card{padding:20px}.contact-cards>a{padding:14px}.legal-hero{padding-block:60px}.legal-content{padding:25px 20px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}
  .mobile-actions{position:fixed;z-index:100;inset-inline:0;inset-block-end:0;height:68px;background:rgba(255,253,248,.98);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:max(6px,env(safe-area-inset-top)) 9px max(6px,env(safe-area-inset-bottom));box-shadow:0 -12px 30px rgba(8,44,70,.1)}.mobile-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.65rem;font-weight:800;color:var(--muted)}.mobile-actions a.wa{color:var(--green)}.mobile-actions .icon{width:22px;height:22px}.install-app{inset-block-end:82px}
}

@media (max-width:370px){
  :root{--container:min(100% - 18px,340px)}
  .header-inner{gap:8px}.brand img{width:68px}.header-cta,.nav-toggle{width:42px;height:42px}.hero-copy h1{font-size:3.15rem}.hero-visual{transform:scale(.9);margin-block:-20px}.story-card{width:120px;height:120px}.story-logo{width:220px;inset-inline-start:calc(50% - 110px)}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:auto}
}

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

@media print{.top-strip,.site-header,.mobile-actions,.install-app,.site-footer,.final-cta{display:none!important}.section{padding-block:30px}body{background:#fff;color:#111}.container{width:100%}}
@media (max-width:900px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.partner-grid{grid-template-columns:1fr}}

/* Dar Al-Qedhaa identity */
.family-hero{background:linear-gradient(135deg,#17281d 0%,#2f6a3f 58%,#1185bf 100%)}
.family-hero::before{width:620px;height:620px;border:120px solid rgba(216,164,57,.09);inset-inline-start:-250px;inset-block-start:-260px}
.sesame-field{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(ellipse at center,#f7dfae 0 2px,transparent 2.5px);background-size:42px 33px;mask-image:linear-gradient(90deg,transparent 5%,#000 58%,transparent 100%);transform:rotate(-7deg) scale(1.1)}
.family-hero .hero-copy h1{max-width:690px;text-shadow:0 12px 35px rgba(2,28,46,.18)}
.family-hero .hero-copy>p{color:#e5f2f9}
.family-hero .hero-visual{min-height:555px;display:grid;place-items:end center}
.gold-halo{position:absolute;width:440px;height:440px;border-radius:50%;inset-block-start:38px;inset-inline-start:calc(50% - 220px);background:radial-gradient(circle at 38% 30%,#f7dfa2 0 11%,#85542d 48%,#9c6819 100%);box-shadow:0 35px 90px rgba(2,29,47,.38)}
.gold-halo::after{content:"";position:absolute;inset:24px;border:2px solid rgba(255,255,255,.35);border-radius:50%}
.hero-bucket{position:relative;z-index:3;width:min(610px,112%);max-height:540px;object-fit:contain;filter:drop-shadow(0 35px 30px rgba(2,28,46,.38));transform:translateY(18px);animation:bucketFloat 6s ease-in-out infinite}
.hero-brand-ribbon{position:absolute;z-index:5;inset-inline-end:-2px;inset-block-start:12px;background:var(--red);color:#fff;padding:13px 28px;border-radius:8px 28px 8px 28px;transform:rotate(4deg);box-shadow:0 15px 28px rgba(5,35,54,.24);display:flex;align-items:baseline;gap:7px}
.hero-brand-ribbon::after{content:"";position:absolute;inset-inline-end:-18px;inset-block-end:-12px;border:18px solid transparent;border-block-start-color:#77131b;transform:rotate(-15deg);z-index:-1}
.hero-brand-ribbon span{font-size:.72rem;font-weight:700}.hero-brand-ribbon strong{font-size:1.05rem}
.weight-badge{position:absolute;z-index:5;inset-inline-start:-4px;inset-block-end:48px;width:110px;height:110px;border-radius:50%;background:#fffdf8;color:var(--dark);border:6px solid var(--gold);display:grid;place-content:center;text-align:center;box-shadow:0 20px 40px rgba(2,32,52,.3);transform:rotate(-8deg)}
.weight-badge strong{font-size:1.75rem;line-height:1}.weight-badge span{color:var(--red);font-weight:900;font-size:.8rem}
@keyframes bucketFloat{50%{transform:translateY(12px)}}

.signature-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:28px;align-items:stretch}
.featured-product{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:center;background:#fff}
.featured-product .product-image-wrap{aspect-ratio:auto;min-height:520px;background:radial-gradient(circle at 50% 42%,#fff 0 25%,#e6f1f8 26% 58%,#d4e8f4 59%)}
.featured-product .product-image-wrap img{object-fit:contain;padding:22px}
.featured-product .product-body{padding:42px}.featured-product .product-body h3{font-size:clamp(2rem,3vw,3.2rem)}.featured-product .product-body p{font-size:.96rem;line-height:2}
.product-facts{display:grid;gap:14px}
.product-facts article{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:24px 25px 22px;box-shadow:var(--shadow-sm)}
.product-facts article>span{position:absolute;inset-inline-end:20px;inset-block-start:15px;color:#afbec8;font-size:.68rem;font-weight:900}.product-facts .icon{width:42px;height:42px;padding:9px;color:#fff;background:var(--primary);border-radius:14px}.product-facts article:nth-child(2) .icon{background:var(--red)}.product-facts article:nth-child(3) .icon{background:var(--gold);color:var(--dark)}
.product-facts h3{margin:14px 0 3px;font-size:1.1rem}.product-facts p{margin:0;color:var(--muted);font-size:.8rem}

.story-section::after{font-size:12rem;letter-spacing:-.07em}
.story-visual{display:grid;place-items:center;isolation:isolate}
.story-sun{position:absolute;width:410px;height:410px;border-radius:50%;background:linear-gradient(145deg,#f7dfa2,var(--gold));box-shadow:0 30px 70px rgba(8,44,70,.16);z-index:-1}
.story-product{position:relative;width:430px;max-height:480px;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(8,44,70,.18));transform:rotate(1deg)}
.story-logo{width:195px;aspect-ratio:auto;inset-block-start:auto;inset-block-end:-4px;inset-inline-start:-2px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.story-logo img{filter:drop-shadow(0 12px 14px rgba(8,44,70,.2))}

.product-showcase{position:relative;min-height:340px;display:grid;place-items:center}
.product-showcase .showcase-ring{position:absolute;width:315px;height:315px;border-radius:50%;background:linear-gradient(145deg,#f5dda3,var(--gold));box-shadow:0 30px 70px rgba(4,43,70,.32)}
.product-showcase img{position:relative;z-index:2;width:390px;max-height:350px;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(2,30,49,.32))}
.product-showcase>strong{position:absolute;z-index:3;inset-inline-start:5px;inset-block-end:20px;background:var(--red);color:#fff;border-radius:50%;width:100px;height:100px;display:grid;place-content:center;text-align:center;transform:rotate(-8deg);box-shadow:0 15px 30px rgba(2,31,50,.28);font-size:1.35rem;line-height:1}.product-showcase small{font-size:.65rem;color:#f7dfa2}
.product-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.product-specs div{border:1px solid var(--line);background:var(--cream);border-radius:15px;padding:12px}.product-specs dt{font-size:.66rem;color:var(--muted)}.product-specs dd{margin:2px 0 0;font-size:.85rem;font-weight:800}

.direction-card.blue{background:linear-gradient(145deg,#1f4b2d,#2f6a3f);color:#fff}.direction-card.gold{background:linear-gradient(145deg,#f3d38d,#85542d);color:var(--dark)}
.family-word{font-size:clamp(4rem,8vw,8rem);color:var(--primary);letter-spacing:-.08em}
.contact-note{margin:22px 0 0;padding:14px 16px;border-radius:16px;background:#eef5f9;color:var(--muted);font-size:.78rem;border:1px solid #d5e6ef}
.contact-cards strong{overflow-wrap:anywhere}
.phone-number{direction:ltr;unicode-bidi:isolate;text-align:start;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.top-strip .phone-number,.footer-contact .phone-number{display:inline-block}

@media (max-width:1100px){
  .signature-product{grid-template-columns:1fr}.product-facts{grid-template-columns:repeat(3,1fr)}
  .featured-product{grid-template-columns:.9fr 1.1fr}.featured-product .product-image-wrap{min-height:430px}
}
@media (max-width:900px){
  .family-hero .hero-visual{min-height:500px}.gold-halo{width:410px;height:410px;inset-inline-start:calc(50% - 205px)}.hero-bucket{width:min(560px,95%)}
  .featured-product{grid-template-columns:1fr}.featured-product .product-image-wrap{min-height:480px}.product-facts{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:650px){
  .family-hero .hero-visual{min-height:405px}.gold-halo{width:290px;height:290px;inset-inline-start:calc(50% - 145px);inset-block-start:55px}.hero-bucket{width:360px;max-height:380px;transform:translateY(14px)}
  .hero-brand-ribbon{inset-inline-end:0;font-size:.8rem;padding:10px 18px}.weight-badge{width:82px;height:82px;inset-inline-start:3px;inset-block-end:18px}.weight-badge strong{font-size:1.25rem}
  .featured-product .product-image-wrap{min-height:auto;aspect-ratio:1}.featured-product .product-body{padding:26px 22px}.product-facts{grid-template-columns:1fr}
  .story-sun{width:310px;height:310px}.story-product{width:310px}.story-logo{width:140px;inset-block-end:5px}
  .product-showcase{min-height:300px}.product-showcase .showcase-ring{width:250px;height:250px}.product-showcase img{width:315px}.product-showcase>strong{width:82px;height:82px}
  .product-specs{grid-template-columns:1fr}.family-word{font-size:4rem}
}
@media (max-width:370px){
  .family-hero .hero-visual{transform:none;margin:0;min-height:360px}.gold-halo{width:250px;height:250px;inset-inline-start:calc(50% - 125px)}.hero-bucket{width:320px}.hero-brand-ribbon{inset-block-start:25px}.weight-badge{inset-block-end:2px}
}

/* Professional factory and distribution refresh — v1.1 */
.family-hero{min-height:720px;background:radial-gradient(circle at 15% 18%,rgba(21,137,192,.38),transparent 34%),linear-gradient(135deg,#17281d 0%,#2f6a3f 66%,#0c79af 100%)}
.family-hero .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);gap:clamp(38px,6vw,82px);padding-block:72px 122px}
.family-hero .hero-copy h1{font-size:clamp(3.2rem,5.8vw,5.8rem);line-height:1.07;letter-spacing:-.045em;max-width:720px;text-shadow:0 14px 42px rgba(2,28,46,.24)}
.family-hero .hero-copy>p{font-size:clamp(.98rem,1.35vw,1.16rem);line-height:1.95;max-width:690px}
.hero-photo-card{position:relative;margin:0;padding:14px;border:1px solid rgba(255,255,255,.28);border-radius:38px;background:rgba(255,255,255,.12);box-shadow:0 35px 80px rgba(2,27,44,.32);backdrop-filter:blur(10px);transform:rotate(-1.2deg)}
.hero-photo-card::before{content:"";position:absolute;inset:-17px 32px 28px -14px;border:1px solid rgba(243,205,112,.42);border-radius:42px;z-index:-1}
.hero-photo-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:28px}
.hero-photo-card figcaption{position:absolute;inset-inline:30px;inset-block-end:29px;background:rgba(4,39,63,.86);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:14px 17px;display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(12px)}
.hero-photo-card figcaption span,.agency-hero-media figcaption span,.official-showcase figcaption span{color:#f3cd70;font-size:.68rem;font-weight:800}.hero-photo-card figcaption strong,.agency-hero-media figcaption strong,.official-showcase figcaption strong{font-size:.88rem;color:#fff}
.hero-trust{row-gap:10px}.hero-trust span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);padding:8px 11px;border-radius:999px}

.official-media-badge{position:absolute;z-index:4;inset-block-start:18px;inset-inline-start:18px;background:rgba(255,255,255,.94);color:var(--primary)!important;border-radius:999px;padding:8px 12px;font-size:.68rem!important;font-weight:900;box-shadow:var(--shadow-sm)}
.featured-product .product-image-wrap{min-height:540px;background:#0b4167}.featured-product .product-image-wrap::after{display:none}.featured-product .product-image-wrap img{object-fit:cover;padding:0;filter:none}

.story-collage{position:relative;min-height:650px;padding-inline:10px 80px}
.story-collage figure{margin:0;overflow:hidden;border:9px solid #fff;border-radius:32px;background:#fff;box-shadow:0 26px 70px rgba(8,44,70,.18)}
.story-main-photo{width:min(78%,440px);margin-inline-start:auto!important;transform:rotate(2deg)}
.story-main-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.story-secondary-photo{position:absolute;inset-inline-start:0;inset-block-end:0;width:46%;transform:rotate(-5deg)}
.story-secondary-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.story-collage figcaption{padding:11px 13px;text-align:center;color:var(--dark);font-size:.75rem;font-weight:900}

.post-image{aspect-ratio:4/5;background:#1f3426}.post-image img{object-fit:contain;transform:none!important}.post-card{transition:transform .25s,box-shadow .25s}.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.news-image{background:#1f3426;display:grid;place-items:center}.news-image img{object-fit:contain;transform:none!important}.news-card.featured .news-image{min-height:560px}.news-card:not(.featured) .news-image{min-height:360px}

.market-section{background:var(--dark);color:#fff;position:relative;overflow:hidden}.market-section::before{content:"";position:absolute;width:620px;height:620px;border:120px solid rgba(216,164,57,.06);border-radius:50%;inset-inline-end:-260px;inset-block-start:-260px}.market-section .values-intro p{color:#c8d9e3}.market-section .value-cards article{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}.market-section .value-cards p{color:#bdccd5}.market-section .value-cards .icon{color:var(--secondary)}

.agency-preview{background:linear-gradient(180deg,#fff,#f4efe5)}.agency-preview-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(45px,7vw,100px);align-items:center}.agency-preview-media{position:relative;margin-inline:auto;width:min(100%,430px);padding:12px;border-radius:34px;background:#fff;box-shadow:0 32px 75px rgba(8,44,70,.18);transform:rotate(-2deg)}.agency-preview-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:25px}.agency-preview-media span{position:absolute;inset-inline:30px;inset-block-end:28px;background:rgba(8,44,70,.9);color:#fff;border-radius:999px;padding:10px 15px;text-align:center;font-size:.75rem;font-weight:900}.agency-preview-copy h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.15;letter-spacing:-.05em;margin:0 0 20px}.agency-preview-copy>p{color:var(--muted);font-size:1rem;line-height:2}.agency-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.agency-points span{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px;font-size:.72rem;font-weight:800}.agency-points .icon{width:18px;color:var(--green);flex:0 0 auto}

.agency-hero{min-height:590px;background:radial-gradient(circle at 80% 10%,rgba(70,140,80,.34),transparent 38%),linear-gradient(130deg,#17281d,#2f6a3f)}.agency-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.64fr);padding-block:68px;gap:70px}.agency-hero h1{font-size:clamp(3.2rem,6vw,5.7rem)}.agency-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:28px}.agency-hero-media{position:relative;margin:0;padding:10px;border-radius:32px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 60px rgba(2,27,44,.3)}.agency-hero-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px}.agency-hero-media figcaption{position:absolute;inset-inline:25px;inset-block-end:23px;background:rgba(3,38,61,.88);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column}
.agency-proof{background:#fff;border-block-end:1px solid var(--line)}.agency-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.agency-proof article{display:flex;align-items:center;gap:13px;padding:23px;border-inline-start:1px solid var(--line)}.agency-proof article:first-child{border-inline-start:0}.agency-proof .icon{width:34px;height:34px;color:var(--primary);flex:0 0 auto}.agency-proof span{display:flex;flex-direction:column}.agency-proof strong{font-size:.82rem}.agency-proof small{font-size:.66rem;color:var(--muted)}
.agency-fit{background:var(--cream)}.agency-fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.agency-fit-grid article{position:relative;min-height:300px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-sm)}.agency-fit-grid article>span{position:absolute;inset-block-start:20px;inset-inline-end:20px;color:#a8b6bf;font-size:.68rem;font-weight:900}.agency-fit-grid .icon{position:absolute;inset-block-start:35px;inset-inline-start:24px;width:48px;height:48px;color:var(--primary)}.agency-fit-grid h3{font-size:1.15rem;margin:0 0 7px}.agency-fit-grid p{font-size:.78rem;color:var(--muted);margin:0}
.agency-process{background:var(--dark);color:#fff}.agency-process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.agency-process h2{font-size:clamp(2.5rem,5vw,4.8rem);margin:0 0 18px}.agency-process p{color:#c8d8e2}.agency-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.agency-steps li{display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:20px;padding:15px}.agency-steps li>span{width:43px;height:43px;border-radius:14px;background:var(--secondary);color:var(--dark);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.agency-steps div{display:flex;flex-direction:column}.agency-steps strong{font-size:.9rem}.agency-steps small{color:#b7c9d3;font-size:.7rem}
.agency-form-section{background:#edf4f7;scroll-margin-top:90px}.agency-form-grid{display:grid;grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr);gap:50px;align-items:start}.agency-form-intro{position:sticky;inset-block-start:120px}.agency-form-intro h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1.16;margin:0 0 14px}.agency-form-intro>p{color:var(--muted)}.agency-note{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #d5e5ed;border-radius:19px;padding:15px;margin:24px 0}.agency-note .icon{width:34px;color:var(--primary);flex:0 0 auto}.agency-note span{display:flex;flex-direction:column}.agency-note strong{font-size:.82rem}.agency-note small{color:var(--muted);font-size:.69rem}.agency-form-card{background:#fff;border:1px solid #d5e5ed;border-radius:32px;padding:clamp(24px,4vw,48px);box-shadow:0 30px 70px rgba(8,44,70,.11)}.agency-form-card form{gap:22px}.agency-form-card fieldset{margin:0;border:0;border-block-end:1px solid var(--line);padding:0 0 25px;display:grid;gap:14px}.agency-form-card legend{font-size:1rem;font-weight:900;color:var(--dark);padding:0;margin-block-end:14px}.form-row.three{grid-template-columns:repeat(3,1fr)}.check-field{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;border:1px solid var(--line);background:var(--cream);border-radius:15px;padding:12px}.check-field input{width:18px;height:18px;margin-top:2px}.check-field span{font-size:.72rem;line-height:1.7}.honeypot{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.official-showcase{position:relative;margin:0!important;padding:10px;border-radius:32px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.23);box-shadow:0 28px 65px rgba(2,30,49,.28);transform:rotate(-1deg)}.official-showcase img{display:block!important;width:100%!important;max-height:none!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:24px!important;filter:none!important}.official-showcase figcaption{position:absolute;z-index:3;inset-inline:26px;inset-block-end:24px;background:rgba(3,38,61,.88);border-radius:15px;padding:11px 14px;display:flex;flex-direction:column}.official-product-visual{background:#0b4167!important}.official-product-visual::after{display:none}.official-product-visual img{object-fit:cover!important}.official-product-visual>span{width:auto!important;height:auto!important;border-radius:999px!important;padding:9px 13px!important}.product-occasion-section{background:#fff}.product-occasion-grid{display:grid;grid-template-columns:1fr minmax(320px,.7fr);gap:70px;align-items:center}.product-occasion-grid h2{font-size:clamp(3rem,6vw,5.8rem);line-height:1.05;margin:0 0 20px}.product-occasion-grid p{color:var(--muted);font-size:1rem;line-height:2}.product-occasion-grid>img{width:min(100%,470px);aspect-ratio:4/5;object-fit:cover;border-radius:35px;box-shadow:var(--shadow-lg);transform:rotate(2deg)}
.about-official-media{position:relative;margin:0 auto;width:min(100%,350px);padding:10px;border-radius:32px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 65px rgba(2,30,49,.3);transform:rotate(-2deg)}.about-official-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px}.about-official-media figcaption{position:absolute;inset-inline:25px;inset-block-end:22px;background:rgba(3,38,61,.88);color:#fff;border-radius:999px;padding:10px 14px;text-align:center;font-size:.75rem;font-weight:900}

.footer-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.footer-brand-lockup img{width:178px!important;height:auto!important;margin-block-end:5px}.footer-brand-lockup strong{color:#fff;font-size:.93rem;font-weight:900}.footer-brand-lockup small{color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em}.footer-brand p{margin-block-start:12px}
.footer-bottom .footer-credit{color:#f3cd70;font-weight:800;text-align:center}.footer-bottom .footer-credit:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.install-app{display:flex;inset-block-end:24px;background:var(--secondary);color:var(--dark);border:1px solid rgba(8,44,70,.15)}.install-dialog{max-width:min(92vw,420px);border:0;border-radius:28px;padding:32px;color:var(--dark);text-align:center;box-shadow:0 35px 90px rgba(1,25,40,.35)}.install-dialog::backdrop{background:rgba(3,26,42,.64);backdrop-filter:blur(4px)}.install-dialog .dialog-close{position:absolute;inset-block-start:13px;inset-inline-end:13px;width:35px;height:35px;border:0;border-radius:50%;background:var(--cream);color:var(--dark);font-size:1.4rem;cursor:pointer}.install-dialog .dialog-icon{width:58px;height:58px;border-radius:18px;background:#e4f1f7;color:var(--primary);display:grid;place-items:center;margin:0 auto 15px}.install-dialog .dialog-icon .icon{width:28px}.install-dialog h2{margin:0 0 10px;font-size:1.6rem}.install-dialog p{color:var(--muted);font-size:.86rem;line-height:1.8;margin:0 0 20px}

@media (max-width:1100px){
  .family-hero .hero-grid{grid-template-columns:minmax(0,1fr) 390px}.agency-fit-grid{grid-template-columns:repeat(2,1fr)}.agency-proof-grid{grid-template-columns:repeat(2,1fr)}.agency-proof article:nth-child(3){border-block-start:1px solid var(--line)}.agency-proof article:nth-child(4){border-block-start:1px solid var(--line)}
}
@media (max-width:900px){
  .family-hero .hero-grid,.agency-hero .page-hero-grid,.agency-preview-grid,.agency-process-grid,.agency-form-grid,.product-occasion-grid{grid-template-columns:1fr}.family-hero .hero-copy{text-align:start}.family-hero .hero-copy h1,.family-hero .hero-copy>p{margin-inline:0}.family-hero .hero-actions,.family-hero .hero-trust{justify-content:flex-start}.hero-photo-card{width:min(100%,560px);margin-inline:auto}.story-collage{width:min(100%,570px);margin-inline:auto}.agency-preview-media{order:2}.agency-form-intro{position:static}.agency-hero-media{width:min(100%,430px);margin-inline:auto}.agency-hero{text-align:start}.agency-hero p{margin-inline:0}.product-occasion-grid>img{margin-inline:auto;order:-1}.about-official-media{margin-block-start:15px}
}
@media (max-width:650px){
  .section{padding-block:76px}.family-hero{min-height:auto}.family-hero .hero-grid{padding-block:54px 105px;gap:44px}.family-hero .hero-copy h1{font-size:clamp(2.75rem,13vw,4.2rem);line-height:1.12}.family-hero .hero-copy>p{font-size:.91rem}.hero-photo-card{padding:9px;border-radius:28px}.hero-photo-card img{border-radius:21px}.hero-photo-card figcaption{inset-inline:20px;inset-block-end:20px}.hero-trust{gap:7px}.hero-trust span{font-size:.66rem}.featured-product .product-image-wrap{min-height:auto;aspect-ratio:4/5}.story-collage{min-height:500px;padding-inline:5px 45px}.story-main-photo{width:80%}.story-secondary-photo{width:47%}.story-section::after{font-size:7rem}.post-grid{grid-template-columns:1fr}.post-image{aspect-ratio:4/5}.market-section .values-intro h2{font-size:2.65rem}.agency-points{grid-template-columns:1fr}.agency-fit-grid,.agency-proof-grid{grid-template-columns:1fr}.agency-proof article{border-inline-start:0;border-block-start:1px solid var(--line)!important}.agency-proof article:first-child{border-block-start:0!important}.agency-fit-grid article{min-height:250px}.agency-hero{text-align:start}.agency-hero .page-hero-grid{padding-block:50px}.agency-hero h1{font-size:3.2rem}.agency-hero-actions{display:grid}.agency-hero-actions .button{width:100%}.form-row.three{grid-template-columns:1fr}.agency-form-card{padding:24px 18px;border-radius:24px}.product-occasion-grid{gap:38px}.product-occasion-grid h2{font-size:3.3rem}.news-card.featured .news-image,.news-card:not(.featured) .news-image{min-height:auto;aspect-ratio:4/5}.news-card,.news-card.featured{grid-template-columns:1fr}.footer-brand-lockup img{width:165px!important}.install-app{inset-block-end:80px;inset-inline-start:12px;padding:10px 13px;font-size:.7rem}
}
@media (max-width:370px){.family-hero .hero-copy h1{font-size:2.65rem}.story-collage{min-height:445px}.agency-hero h1{font-size:2.75rem}.agency-form-card{padding-inline:14px}}

/* Release 1.0.2: open product imagery and a catalog ready for future products */
.hero-product-stage{overflow:hidden;border-radius:48% 52% 45% 55%/52% 44% 56% 48%;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))}
.hero-product-stage::before{inset:8% 4%;border-radius:50%;transform:none}
.hero-product-halo{width:68%;height:auto;aspect-ratio:1;inset-block-start:16%;inset-inline-start:16%;background:radial-gradient(circle at 38% 34%,#fff4c9 0 8%,#d6bd80 32%,rgba(133,84,45,.65) 66%,rgba(31,75,45,.08) 68%);box-shadow:none}
.hero-stage-word{position:absolute;z-index:-1;inset-inline-end:-3%;inset-block-start:2%;color:rgba(255,255,255,.12);font-size:clamp(6rem,10vw,10rem);font-weight:900;letter-spacing:-.08em;transform:rotate(-7deg)}
.hero-stage-product{position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 28px 20px rgba(7,27,14,.38))}
.hero-stage-halawa{width:78%;height:76%;inset-inline-end:7%;inset-block-end:2%}
.hero-stage-tahini{z-index:4;width:38%;height:61%;inset-inline-start:0;inset-block-end:4%;transform:rotate(-4deg)}
.hero-stage-labels{position:absolute;z-index:7;display:flex;gap:7px;inset-inline:5%;inset-block-end:2%}.hero-stage-labels span{display:flex;align-items:center;gap:8px;min-height:33px;padding:7px 10px;background:rgba(23,40,29,.86);color:#fff;font-size:.62rem;font-weight:800;backdrop-filter:blur(8px)}.hero-stage-labels b{color:#f3d38d;font-size:.56rem}
.hero-product-count{width:94px;height:94px;inset-inline-start:3%;inset-inline-end:auto;inset-block-start:5%;inset-block-end:auto;border-width:5px;z-index:8}
.hero-product-count strong{font-size:1.65rem}

.scalable-catalog{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;gap:clamp(42px,5vw,74px) clamp(24px,3vw,46px)!important}
.scalable-catalog .featured-product{display:flex!important;flex-direction:column;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;min-height:0!important}
.scalable-catalog .product-image-wrap{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1/1.03;min-height:0!important;background:transparent!important;overflow:visible!important}
.scalable-catalog .product-image-wrap::after{display:none!important}
.catalog-blob{position:absolute;z-index:-1;inset:8% 1% 1%;border-radius:43% 57% 51% 49%/48% 44% 56% 52%;background:#e1ead9;transform:rotate(-3deg)}
.catalog-blob::after{content:"";position:absolute;inset:8% -4% -5% 7%;border:1px solid rgba(47,106,63,.17);border-radius:inherit;transform:rotate(5deg)}
.catalog-index{position:absolute;z-index:-1;inset-inline-end:2%;inset-block-start:5%;color:rgba(47,106,63,.16);font-size:clamp(4.7rem,8vw,7.5rem);font-weight:900;line-height:.8}
.scalable-catalog .product-image-wrap img{position:relative;z-index:2;width:91%!important;height:91%!important;max-height:91%!important;object-fit:contain!important;padding:0!important;background:transparent!important;filter:drop-shadow(0 25px 18px rgba(35,62,40,.22))!important;transition:transform .35s ease}
.scalable-catalog .product-card:hover .product-image-wrap img{transform:translateY(-9px) rotate(-1deg)}
.scalable-catalog .product-body{border-block-start:1px solid var(--line);padding:24px 2px 0!important;background:transparent!important}

.open-story-stage{position:relative;isolation:isolate;overflow:hidden;min-height:590px!important;padding:0!important;border-radius:50% 50% 42% 58%/45% 55% 45% 55%;background:linear-gradient(150deg,#315d3b,#1f4b2d)}
.open-story-stage::after{content:"";position:absolute;z-index:-1;inset-inline:15%;inset-block-end:5%;height:8%;border-radius:50%;background:rgba(8,28,15,.3);filter:blur(24px)}
.story-orbit{position:absolute;inset:-12% -15% auto auto;width:78%;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.open-story-stage>img{position:absolute;object-fit:contain;filter:drop-shadow(0 28px 20px rgba(5,24,12,.33))}
.story-stage-halawa{z-index:3;width:73%;height:72%;inset-inline-start:0;inset-block-end:0;transform:rotate(-4deg)}
.story-stage-tahini{z-index:2;width:45%;height:67%;inset-inline-end:3%;inset-block-end:3%}
.story-family-mark{position:absolute;z-index:5;display:grid;place-content:center;text-align:center;width:112px;height:112px;inset-inline-start:5%;inset-block-start:7%;border-radius:50%;background:#d8bf8c;color:var(--primary-deep);transform:rotate(-8deg)}.story-family-mark strong{font-size:1.16rem}.story-family-mark small{font-size:.55rem}

@media (min-width:1320px){.scalable-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:650px){.hero-product-stage{min-height:470px}.hero-stage-halawa{width:85%;height:73%;inset-inline-end:2%}.hero-stage-tahini{width:39%;height:52%;inset-inline-start:-2%}.hero-stage-labels{display:none}.hero-product-count{width:78px;height:78px}.open-story-stage{min-height:470px!important}.story-stage-halawa{width:77%;height:68%;inset-inline-start:-3%}.story-stage-tahini{width:46%;height:61%;inset-inline-end:0}.story-family-mark{width:88px;height:88px}}

/* Product cutouts and Dar Al-Qedhaa green/brown art direction */
.family-hero{background:radial-gradient(circle at 15% 18%,rgba(133,84,45,.38),transparent 34%),linear-gradient(135deg,#17281d 0%,#2f6a3f 66%,#4d6f3d 100%)}
.hero-photo-card img{object-fit:contain;background:linear-gradient(145deg,#fff,#efe5d6);padding:22px}
.featured-product .product-image-wrap{background:linear-gradient(145deg,#f7f2e8,#e5d5bd)}
.featured-product .product-image-wrap img{object-fit:contain;padding:24px;filter:drop-shadow(0 24px 24px rgba(31,52,38,.2))}
.story-main-photo img,.story-secondary-photo img{object-fit:contain;background:linear-gradient(145deg,#f7f2e8,#fff);padding:12px}
.agency-preview-media img,.agency-hero-media img{object-fit:contain;background:linear-gradient(145deg,#f7f2e8,#fff);padding:18px}
.official-showcase img{object-fit:contain!important;background:linear-gradient(145deg,#f7f2e8,#fff);padding:20px}
.official-product-visual{background:linear-gradient(145deg,#f7f2e8,#e5d5bd)!important}
.official-product-visual img{object-fit:contain!important;padding:20px}
.about-official-media img{object-fit:contain;background:#fff;padding:18px}
.article-card:nth-child(2){background:#e7f0e7}.article-card:nth-child(3){background:#efe1cf}

/* Release 1.0.1: premium dual-product composition using verified client media */
.hero-product-stage{position:relative;isolation:isolate;min-height:590px;width:min(100%,560px);margin-inline:auto}
.hero-product-stage::before{content:"";position:absolute;inset:42px 20px 35px;border:1px solid rgba(255,255,255,.2);border-radius:50% 50% 44% 56%/55% 44% 56% 45%;transform:rotate(-7deg);z-index:-1}
.hero-product-halo{position:absolute;z-index:-2;width:430px;height:430px;inset-block-start:65px;inset-inline-start:calc(50% - 215px);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff7d7 0 8%,#d8a439 36%,#85542d 72%,#5d3a1e 100%);box-shadow:0 38px 100px rgba(14,31,18,.44)}
.hero-product-halo::after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.44);border-radius:50%}
.hero-product-shot{position:absolute;margin:0;padding:11px;border:1px solid rgba(255,255,255,.32);border-radius:31px;background:rgba(255,255,255,.92);box-shadow:0 30px 70px rgba(8,27,17,.33);backdrop-filter:blur(10px);transition:transform .35s ease,box-shadow .35s ease}
.hero-product-shot:hover{box-shadow:0 38px 88px rgba(8,27,17,.42)}
.hero-product-shot img{width:100%;height:100%;object-fit:contain;border-radius:22px;background:linear-gradient(145deg,#fff,#efe5d6);filter:drop-shadow(0 18px 18px rgba(31,52,38,.18))}
.hero-product-shot figcaption{position:absolute;inset-inline:18px;inset-block-end:17px;padding:10px 13px;border-radius:15px;background:rgba(23,40,29,.9);color:#fff;display:flex;flex-direction:column;line-height:1.45;backdrop-filter:blur(10px)}
.hero-product-shot figcaption span{color:#f3d38d;font-size:.61rem;font-weight:800}.hero-product-shot figcaption strong{font-size:.74rem}
.hero-product-tahini{z-index:3;width:62%;height:465px;inset-inline-end:0;inset-block-start:44px;transform:rotate(-2deg)}
.hero-product-tahini:hover{transform:rotate(0) translateY(-7px)}
.hero-product-halawa{z-index:4;width:58%;height:330px;inset-inline-start:-2px;inset-block-end:13px;transform:rotate(4deg)}
.hero-product-halawa:hover{transform:rotate(1deg) translateY(-7px)}
.hero-brand-seal{position:absolute;z-index:7;inset-inline-start:4px;inset-block-start:34px;width:150px;min-height:116px;padding:13px 14px 10px;border-radius:25px;background:#fff;color:var(--primary-deep);box-shadow:0 22px 50px rgba(8,27,17,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-5deg)}
.hero-brand-seal img{width:118px;height:74px;object-fit:contain}.hero-brand-seal span{font-size:.58rem;font-weight:900;color:var(--secondary);margin-block-start:2px}
.hero-product-count{position:absolute;z-index:8;inset-inline-end:-8px;inset-block-end:22px;width:112px;height:112px;border:7px solid #f7f2e8;border-radius:50%;background:var(--primary-deep);color:#fff;box-shadow:0 22px 45px rgba(8,27,17,.35);display:grid;place-content:center;text-align:center;transform:rotate(-8deg)}
.hero-product-count strong{font-size:2rem;line-height:1;color:#f3d38d}.hero-product-count span{font-size:.55rem;font-weight:800}

@media (max-width:900px){.hero-product-stage{width:min(100%,590px)}}
@media (max-width:650px){.hero-product-stage{min-height:470px;width:min(100%,430px)}.hero-product-halo{width:330px;height:330px;inset-inline-start:calc(50% - 165px);inset-block-start:65px}.hero-product-tahini{height:365px;width:63%;inset-block-start:42px}.hero-product-halawa{height:250px;width:60%;inset-block-end:8px}.hero-brand-seal{width:112px;min-height:89px;padding:9px;inset-block-start:28px}.hero-brand-seal img{width:90px;height:56px}.hero-product-count{width:86px;height:86px;border-width:5px;inset-inline-end:0;inset-block-end:5px}.hero-product-count strong{font-size:1.45rem}}
@media (max-width:370px){.hero-product-stage{min-height:420px}.hero-product-halo{width:280px;height:280px;inset-inline-start:calc(50% - 140px)}.hero-product-tahini{height:320px}.hero-product-halawa{height:215px}.hero-brand-seal{width:100px}.hero-product-count{width:78px;height:78px}}

/* Keep the open 1.0.2 hero authoritative over the retired framed composition. */
.hero-product-stage{overflow:hidden;border-radius:48% 52% 45% 55%/52% 44% 56% 48%;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))}
.hero-product-stage::before{inset:8% 4%;border-radius:50%;transform:none}
.hero-product-halo{width:68%;height:auto;aspect-ratio:1;inset-block-start:16%;inset-inline-start:16%;background:radial-gradient(circle at 38% 34%,#fff4c9 0 8%,#d6bd80 32%,rgba(133,84,45,.65) 66%,rgba(31,75,45,.08) 68%);box-shadow:none}
.hero-product-count{width:94px;height:94px;inset-inline-start:3%;inset-inline-end:auto;inset-block-start:5%;inset-block-end:auto;border-width:5px}
.hero-product-count strong{font-size:1.65rem}
@media (max-width:650px){.hero-product-halo{width:68%;height:auto;inset-inline-start:16%;inset-block-start:16%}.hero-product-count{width:78px;height:78px;inset-inline-start:3%;inset-inline-end:auto;inset-block-start:5%;inset-block-end:auto}}

/* Release 1.0.3: true-alpha product assets and accessible contrast */
.install-app{
  background:#85542d!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 16px 36px rgba(20,39,27,.34)!important;
  color:#fff!important;
  text-shadow:0 1px 1px rgba(31,24,18,.3);
}
.install-app .icon{color:#fff!important}
.install-app:hover,.install-app:focus-visible{background:#6d4223!important;color:#fff!important;outline:3px solid #f3d38d;outline-offset:3px}
.hero-product-count{
  align-items:center;
  background:rgba(23,40,29,.92);
  border:1px solid rgba(255,255,255,.58);
  border-radius:999px;
  box-shadow:0 14px 34px rgba(8,27,17,.3);
  display:flex;
  gap:8px;
  height:auto;
  inset-block-start:5%;
  inset-inline-start:3%;
  min-height:40px;
  padding:8px 13px;
  transform:none;
  width:auto;
}
.hero-product-count strong{color:#f3d38d;font-size:1rem;line-height:1}
.hero-product-count span{color:#fff;font-size:.62rem;white-space:nowrap}
.footer-brand-lockup img{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 5px 10px rgba(0,0,0,.34));
}
@media (max-width:650px){
  .hero-product-count{height:auto;min-height:36px;padding:7px 11px;width:auto}
  .hero-product-count strong{font-size:.9rem}
  .hero-product-count span{font-size:.56rem}
}

/* Release 1.0.4: client-supplied cutout, benefits outside the frame, slow ambient motion */
.hero-product-stage{overflow:visible}
.hero-stage-halawa,.story-stage-halawa,.catalog-product-image{clip-path:none!important}
.category-ribbon{
  background:transparent;
  border:0;
  margin-block-start:-35px;
  padding-block:0 25px;
  position:relative;
  z-index:12;
}
.category-list{
  background:rgba(255,253,248,.97);
  border:1px solid rgba(221,207,184,.88);
  box-shadow:0 20px 55px rgba(20,39,27,.18);
  gap:1px;
  justify-content:stretch;
  overflow:hidden;
  padding:0;
}
.category-list span{
  background:var(--paper);
  border:0;
  border-radius:0;
  box-shadow:none;
  flex:1 1 180px;
  justify-content:center;
  min-height:72px;
  padding:14px 16px;
}
.category-list span+span{border-inline-start:1px solid var(--line)}
.category-list .category-count{background:var(--primary-deep);color:#fff}
.category-count b{color:#f3d38d;font-size:1rem;margin-inline-end:3px}

.hero-product-stage::before{animation:root-orbit-spin 48s linear infinite}
.hero-product-halo{animation:root-halo-breathe 12s ease-in-out infinite}
.hero-stage-word{animation:root-word-drift 20s ease-in-out infinite}
.hero-stage-halawa{animation:root-halawa-float 11s ease-in-out infinite}
.hero-stage-tahini{animation:root-tahini-float 13.5s ease-in-out -3.5s infinite}
.hero-stage-labels{animation:root-label-drift 14s ease-in-out -4s infinite}
.category-list span:nth-child(1){animation:root-feature-float 11s ease-in-out infinite}
.category-list span:nth-child(2){animation:root-feature-float 12.5s ease-in-out -2s infinite}
.category-list span:nth-child(3){animation:root-feature-float 10.8s ease-in-out -4s infinite}
.category-list span:nth-child(4){animation:root-feature-float 13s ease-in-out -6s infinite}
.category-list span:nth-child(5){animation:root-feature-float 11.8s ease-in-out -8s infinite}
.scalable-catalog .product-card:nth-child(odd) .catalog-product-image{animation:root-catalog-float 10s ease-in-out infinite}
.scalable-catalog .product-card:nth-child(even) .catalog-product-image{animation:root-catalog-float-alt 11.5s ease-in-out -3s infinite}
.story-stage-halawa{animation:root-story-halawa 13s ease-in-out infinite}
.story-stage-tahini{animation:root-story-tahini 15s ease-in-out -5s infinite}
.story-orbit{animation:root-orbit-spin 52s linear infinite}
.story-family-mark{animation:root-mark-float 12s ease-in-out -2s infinite}

@keyframes root-orbit-spin{to{transform:rotate(360deg)}}
@keyframes root-halo-breathe{0%,100%{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes root-word-drift{0%,100%{transform:translateX(0) rotate(-7deg)}50%{transform:translateX(-18px) rotate(-5deg)}}
@keyframes root-halawa-float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-16px,0) rotate(.7deg)}}
@keyframes root-tahini-float{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(-8px,-12px,0) rotate(-2deg)}}
@keyframes root-label-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes root-feature-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes root-catalog-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(-.6deg)}}
@keyframes root-catalog-float-alt{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-11px) rotate(.7deg)}}
@keyframes root-story-halawa{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(7px,-13px) rotate(-2.5deg)}}
@keyframes root-story-tahini{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-7px,-10px) rotate(1.2deg)}}
@keyframes root-mark-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(-5deg)}}

@media (max-width:900px){
  .category-ribbon{margin-block-start:-22px}
  .category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-list span{min-height:62px}
  .category-list span+span{border-inline-start:0;border-block-start:1px solid var(--line)}
}
@media (max-width:650px){
  .hero-product-stage{overflow:visible}
  .category-ribbon{margin-block-start:-8px;padding-block-end:18px}
  .category-list{grid-template-columns:1fr}
  .category-list span{min-height:56px}
}