@font-face{font-family:'Jameel Noori Nastaleeq';src:local('Jameel Noori Nastaleeq'),local('JameelNooriNastaleeq'),url('../fonts/JameelNooriNastaleeq.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}:root{color-scheme:light;--color-bg-body:#FAF6F0;--color-bg-alt:#F4EFE6;--color-bg-card:#FFFFFF;--color-bg-card-warm:#F9F5EE;--color-bg-dark:#201B15;--color-text-title:#221E18;--color-text-body:#423C34;--color-text-muted:#7A7265;--color-text-light:#FAF6F0;--color-olive-accent:#686438;--color-olive-dark:#4A4625;--color-gold-accent:#8F672C;--color-gold-light:#D4AF37;--color-border:rgba(40,34,26,0.12);--color-border-light:rgba(40,34,26,0.06);--color-border-gold:rgba(143,103,44,0.25);--font-heading:'DM Serif Display',Georgia,serif;--font-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--font-display:'Cinzel',serif;--font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-body:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-arabic:'Amiri','Traditional Arabic',serif;--shadow-subtle:0 4px 20px rgba(32,27,21,0.04);--shadow-card:0 10px 30px rgba(32,27,21,0.06);--shadow-hover:0 16px 40px rgba(32,27,21,0.1);--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);--ease-hover:cubic-bezier(0.25,0.1,0.25,1);--transition-smooth:all 250ms var(--ease-out-quart);--transition-color:background-color 150ms var(--ease-hover),color 150ms var(--ease-hover),border-color 150ms var(--ease-hover);--transition-transform:transform 250ms var(--ease-out-quart)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light;scroll-behavior:auto;scroll-padding-top:100px;font-size:16px;overflow-x:hidden;width:100%;max-width:100%;scrollbar-width:thin;scrollbar-color:#8C7853 #F0EBE2}body.index-4-body{color-scheme:light;background-color:var(--color-bg-body);color:var(--color-text-body);font-family:var(--font-sans);line-height:1.65;overflow-x:hidden;width:100%;max-width:100%;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}*{scrollbar-width:thin;scrollbar-color:#8C7853 #F0EBE2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#F0EBE2;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#8C7853;border-radius:10px;border:2px solid #F0EBE2;transition:background-color 0.25s ease}::-webkit-scrollbar-thumb:hover{background-color:#2C261E}::-webkit-scrollbar-corner{background:#F0EBE2}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}.container-4{width:100%;max-width:1380px;margin:0 auto;padding:0 2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;border-radius:50%;transform:translate(-50%,-50%);transition-property:opacity,transform;transition-timing-function:var(--ease-out-quart)}.cursor-dot{width:6px;height:6px;background-color:var(--color-gold-accent);transition-duration:0.05s;will-change:transform}.cursor-ring{width:34px;height:34px;border:1.5px solid var(--color-gold-accent);opacity:0.6;transition-duration:0.18s;will-change:transform}.cursor-ring.is-hovering{transform:translate(-50%,-50%) scale(1.7);opacity:0.25;border-color:var(--color-text-title)}.cursor-dot.is-hovering{transform:translate(-50%,-50%) scale(2);background-color:var(--color-text-title)}@media (hover:none) and (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.site-header-4{position:absolute;top:0;left:0;width:100%;height:96px;display:flex;align-items:center;z-index:997;transition:var(--transition-smooth)}.site-header-4.scrolled{position:fixed;height:76px;background-color:rgba(250,246,240,0.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);box-shadow:0 4px 20px rgba(0,0,0,0.03)}.header-inner-4{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1380px;margin:0 auto;padding:0 2rem}.logo-wrap-4{display:flex;align-items:center;gap:1rem;text-decoration:none}.logo-img-4{height:52px;width:auto;object-fit:contain;transition:transform 0.3s ease}.logo-wrap-4:hover .logo-img-4{transform:scale(1.02)}.nav-menu-4{display:flex;align-items:center}.nav-menu-4 ul{display:flex;align-items:center;gap:2.8rem;list-style:none}.nav-link-4{font-family:var(--font-sans);font-size:0.82rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-text-title);position:relative;padding:0.5rem 0;transition:color 0.3s var(--ease-hover),transform 0.3s var(--ease-out-quart);display:inline-flex;flex-direction:column;align-items:center}.nav-link-4::before{content:'';position:absolute;bottom:-2px;left:50%;width:100%;height:1.5px;background:linear-gradient(90deg,transparent,var(--color-gold-accent) 20%,var(--color-gold-accent) 80%,transparent);border-radius:2px;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform 0.35s var(--ease-out-quart),opacity 0.3s ease;opacity:0}.nav-link-4:hover{color:var(--color-gold-accent);transform:translateY(-1px)}.nav-link-4:hover::before{transform:translateX(-50%) scaleX(1);opacity:1}.nav-link-4.active{color:#1C201C;font-weight:700}.nav-link-4.active::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:22px;height:2px;background:var(--color-gold-accent);border-radius:2px;box-shadow:0 0 8px rgba(197,160,89,0.45);transition:width 0.35s var(--ease-out-quart)}.nav-link-4.active:hover::after{width:100%}.header-right-4{display:flex;align-items:center;gap:1.25rem}.header-socials-desktop{display:flex;align-items:center;gap:0.55rem}.hdr-social-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(140,120,83,0.3);background-color:transparent;color:var(--color-text-title);display:inline-flex;align-items:center;justify-content:center;transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}.hdr-social-btn svg{width:16px;height:16px;color:#8C7853;transition:transform 0.25s ease,color 0.25s ease}.hdr-social-btn:hover{background-color:#8C7853;border-color:#8C7853;color:#FAF6F0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(140,120,83,0.22)}.hdr-social-btn:hover svg{color:#FAF6F0;transform:scale(1.1)}.hamburger-btn-4{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:6px;border-radius:6px;z-index:1001;position:relative;transition:background-color 0.2s ease}.hamburger-btn-4:hover{background-color:rgba(140,120,83,0.1)}.hamburger-btn-4 span{display:block;width:100%;height:2.2px;background-color:#8C7853;border-radius:2px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.hamburger-btn-4 span:nth-child(2){width:75%;margin-left:auto}.hamburger-btn-4:hover span{background-color:var(--color-text-title);width:100%}.hamburger-btn-4.open span:nth-child(1){transform:translateY(7.2px) rotate(45deg)}.hamburger-btn-4.open span:nth-child(2){opacity:0;transform:translateX(10px)}.hamburger-btn-4.open span:nth-child(3){transform:translateY(-7.2px) rotate(-45deg)}.mobile-drawer-4{position:fixed;top:0;right:0;width:100%;max-width:320px;height:100vh;height:100dvh;background-color:#FAF6F0;box-shadow:-14px 0 45px rgba(28,32,28,0.22);z-index:10000;display:none;flex-direction:column;justify-content:space-between;transform:translateX(105%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);overflow:hidden;border-left:1px solid rgba(140,120,83,0.2)}.mobile-drawer-4.active{display:flex;transform:translateX(0)}.drawer-backdrop-4{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:rgba(20,24,20,0.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.35s ease,visibility 0.35s ease}.drawer-backdrop-4.active{opacity:1;visibility:visible;pointer-events:auto}.drawer-header-pro{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid rgba(140,120,83,0.15);flex-shrink:0}.drawer-logo-wrap{display:inline-flex;align-items:center}.drawer-logo-img{height:42px;width:auto;object-fit:contain}.drawer-close-btn-4{width:36px;height:36px;border:1px solid rgba(140,120,83,0.3);border-radius:50%;background:transparent;color:var(--color-text-title);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s ease}.drawer-close-btn-4 svg{width:16px;height:16px;color:#8C7853;transition:color 0.25s ease}.drawer-close-btn-4:hover{background-color:#8C7853;border-color:#8C7853;transform:rotate(90deg)}.drawer-close-btn-4:hover svg{color:#FAF6F0}.drawer-body-pro{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.25rem 1.5rem}.drawer-nav-list ul{list-style:none;display:flex;flex-direction:column;gap:0.35rem;margin:0;padding:0}.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 1rem;border-radius:6px;font-family:var(--font-sans);font-size:0.88rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-text-title);text-decoration:none;border:1px solid transparent;transition:all 0.22s ease}.drawer-link-arr{width:14px;height:14px;color:#A0988A;transition:transform 0.22s ease,color 0.22s ease}.drawer-link:hover{background:rgba(140,120,83,0.08);color:var(--color-gold-accent);padding-left:1.25rem}.drawer-link:hover .drawer-link-arr{color:var(--color-gold-accent);transform:translateX(4px)}.drawer-link.active{background:rgba(140,120,83,0.14);border-color:rgba(140,120,83,0.3);color:#1C201C;font-weight:700}.drawer-link.active .drawer-link-arr{color:#8C7853}.drawer-bottom-pinned{margin-top:auto;position:sticky;bottom:0;background:#F3EDE4;border-top:1px solid rgba(140,120,83,0.2);padding:1.25rem 1.5rem 1.5rem;flex-shrink:0;box-shadow:0 -4px 16px rgba(0,0,0,0.04)}.drawer-socials-title{display:block;font-family:var(--font-sans);font-size:0.68rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#8C7853;margin-bottom:0.85rem;text-align:center}.drawer-socials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.6rem}.drawer-social-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.35rem;padding:0.65rem 0.35rem;background:#FFFFFF;border:1px solid rgba(140,120,83,0.2);border-radius:6px;text-decoration:none;color:var(--color-text-title);transition:all 0.22s ease}.drawer-social-btn svg{width:18px;height:18px;color:#8C7853;transition:transform 0.22s ease,color 0.22s ease}.drawer-social-btn span{font-size:0.65rem;font-weight:600;letter-spacing:0.02em;color:#6E6557}.drawer-social-btn:hover{background:#8C7853;border-color:#8C7853;color:#FAF6F0;transform:translateY(-2px);box-shadow:0 4px 10px rgba(140,120,83,0.2)}.drawer-social-btn:hover svg{color:#FAF6F0;transform:scale(1.1)}.drawer-social-btn:hover span{color:#FAF6F0}@media (min-width:1025px){.hamburger-btn-4{display:none !important}.mobile-drawer-4,.drawer-backdrop-4{display:none !important}.header-socials-desktop{display:flex !important}}.hero-section-4{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:110px;padding-bottom:40px;background-color:var(--color-bg-alt)}.hero-bg-canvas-4{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-bg-img-4{width:100%;height:100%;object-fit:cover;object-position:left center}.hero-container-4{position:relative;z-index:10;width:100%;max-width:1380px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.15fr 0.85fr;align-items:center;min-height:calc(100vh - 150px)}.hero-left-4{max-width:680px;display:flex;flex-direction:column;justify-content:center;padding-bottom:1.5rem}.hero-eyebrow-4{font-family:var(--font-sans);font-size:0.78rem;font-weight:700;letter-spacing:0.26em;text-transform:uppercase;color:var(--color-olive-accent);margin-bottom:1.65rem;display:flex;align-items:center;gap:0.75rem}.hero-eyebrow-sep{display:inline-block;width:4px;height:4px;background-color:var(--color-gold-accent);border-radius:50%;opacity:0.6}.hero-title-4{font-family:var(--font-heading);font-size:clamp(3.6rem,4.3vw,4.4rem);font-weight:500;line-height:1.05;color:var(--color-text-title);letter-spacing:-0.015em;margin:0 0 1.25rem 0}.hero-title-line-1{display:block;white-space:nowrap}.hero-title-line-2{display:block}.hero-title-4 .accent-italic{font-style:italic;color:var(--color-olive-accent);font-weight:500}.title-underline-4{width:44px;height:2px;background-color:#8C7853;margin-bottom:1.5rem;border-radius:1px}.hero-tagline-4{font-family:var(--font-heading);font-size:1.35rem;font-style:italic;font-weight:500;line-height:1.45;color:var(--color-olive-accent);margin-bottom:1.5rem;max-width:540px}.hero-desc-4{font-family:var(--font-sans);font-size:1.05rem;font-weight:400;line-height:1.7;color:#4A443B;margin-bottom:2.25rem;max-width:540px}.hero-designations-4{display:flex;flex-direction:column;gap:0.85rem;margin-bottom:2.5rem;max-width:560px}.hero-desig-item-4{display:flex;align-items:flex-start;gap:0.85rem;font-family:var(--font-sans);font-size:0.98rem;font-weight:500;line-height:1.5;color:var(--color-text-body)}.hero-desig-item-4 .icon-svg,.hero-desig-item-4 i{color:var(--color-gold-accent);width:20px;height:20px;margin-top:2px;flex-shrink:0}.hero-desig-item-4 strong{color:var(--color-text-title);font-weight:600}.icon-svg{width:1.15em;height:1.15em;display:inline-block;vertical-align:-0.18em;stroke-width:1.85;stroke:currentColor;fill:none;flex-shrink:0;transition:var(--transition-smooth)}.card-icon-wrap-4 .icon-svg{width:26px;height:26px}.cred-icon-4 .icon-svg{width:18px;height:18px}.play-badge-4 .icon-svg{width:20px;height:20px;margin-left:2px}.drawer-socials-4 .icon-svg,.footer-social-links-4 .icon-svg{width:16px;height:16px}.footer-contact-item-4 .icon-svg{width:18px;height:18px;margin-top:3px;color:var(--color-gold-accent)}.drawer-close-btn-4 .icon-svg{width:18px;height:18px}.btn-book-sm-4 .icon-svg{width:14px;height:14px}.scroll-arrow-4.icon-svg{width:14px;height:14px}.hero-actions-4{display:flex;align-items:center;gap:2rem;margin-bottom:3.25rem}.btn-primary-4{background-color:#2C261E;color:#FAF6F0;font-family:var(--font-sans);font-size:0.82rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:0.95rem 1.8rem;border-radius:4px;display:inline-flex;align-items:center;gap:0.65rem;box-shadow:0 6px 16px rgba(44,38,30,0.12);transition:var(--transition-smooth)}.btn-primary-4 i,.btn-primary-4 .icon-svg{font-size:1.05rem;transition:transform 0.25s ease}.btn-primary-4:active{transform:scale(0.97)}@media (hover:hover) and (pointer:fine){.btn-primary-4:hover{background-color:#000000;transform:translateY(-2px);box-shadow:0 10px 24px rgba(44,38,30,0.2)}.btn-primary-4:hover i,.btn-primary-4:hover .icon-svg{transform:translateX(4px)}}.btn-link-4{font-family:var(--font-sans);font-size:0.82rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-title);position:relative;padding-bottom:3px;border-bottom:1.5px solid var(--color-text-title);transition:var(--transition-smooth)}.btn-link-4:hover{color:var(--color-olive-accent);border-color:var(--color-olive-accent)}.hero-stats-4{display:flex;align-items:center;margin-bottom:3.5rem}.stat-left-4{display:flex;flex-direction:column;align-items:flex-start;padding-right:1.75rem}.stat-num-4{font-family:var(--font-heading);font-size:3.8rem;font-weight:500;line-height:0.9;color:var(--color-text-title);letter-spacing:-0.02em}.stat-label-4{font-family:var(--font-sans);font-size:0.72rem;font-weight:700;letter-spacing:0.24em;text-transform:uppercase;color:var(--color-text-title);margin-top:0.4rem}.stat-divider-4{width:1px;height:54px;background-color:rgba(44,38,30,0.22);margin-right:1.75rem}.stat-right-4{display:flex;flex-direction:column}.stat-text-4{font-family:var(--font-heading);font-style:italic;font-size:1.15rem;line-height:1.35;color:#585246}.stat-dash-4{width:22px;height:2px;background-color:#8C7853;margin-top:0.55rem;border-radius:1px}.hero-scroll-4{display:flex;align-items:center;gap:0.85rem;text-decoration:none;color:#5C5548;width:fit-content;transition:var(--transition-smooth)}.scroll-pill-4{width:18px;height:28px;border:1.5px solid #6E6657;border-radius:12px;position:relative;display:flex;justify-content:center;padding-top:4px}.scroll-dot-4{width:3px;height:6px;background-color:#6E6657;border-radius:2px;animation:scrollDotAnim 2s infinite ease-in-out}@keyframes scrollDotAnim{0%{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:0.2}100%{transform:translateY(0);opacity:1}}.scroll-label-4{font-family:var(--font-sans);font-size:0.72rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase}.scroll-arrow-4{font-size:0.9rem;animation:bounceDown 2s infinite ease-in-out}@keyframes bounceDown{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-scroll-4:hover{color:var(--color-olive-accent)}.hero-scroll-4:hover .scroll-pill-4{border-color:var(--color-olive-accent)}.hero-scroll-4:hover .scroll-dot-4{background-color:var(--color-olive-accent)}.hero-visual-4{position:absolute;right:1%;bottom:0;width:50%;max-width:720px;height:90%;display:flex;justify-content:flex-end;align-items:flex-end;pointer-events:none;z-index:5}.hero-portrait-img-4{max-height:85vh;max-width:660px;width:auto;height:auto;object-fit:contain;object-position:bottom right;pointer-events:auto;filter:drop-shadow(-8px 0 30px rgba(44,38,30,0.05))}@media (min-width:1441px){.hero-visual-4{width:52%;max-width:820px;height:93%}.hero-portrait-img-4{max-height:89vh;max-width:760px}}.section-explore-4{padding:7rem 0 6rem;background-color:var(--color-bg-body);position:relative;border-top:1px solid var(--color-border-light)}.section-header-editorial-4{text-align:center;max-width:700px;margin:0 auto 4rem}.section-eyebrow-4{font-family:var(--font-sans);font-size:0.75rem;font-weight:700;letter-spacing:0.24em;text-transform:uppercase;color:var(--color-olive-accent);margin-bottom:0.75rem;display:block}.section-title-4{font-family:var(--font-heading);font-size:3.2rem;font-weight:500;line-height:1.15;color:var(--color-text-title);margin-bottom:1rem}.section-title-4 em{font-style:italic;color:var(--color-olive-accent)}.section-divider-4{display:flex;align-items:center;justify-content:center;gap:0.85rem;width:140px;margin:1.25rem auto 0}.section-divider-4 .line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold-accent),transparent);opacity:0.7}.section-divider-4 .diamond{color:var(--color-gold-accent);font-size:0.7rem;line-height:1;display:inline-block}.explore-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.65rem}.card-pillar-4{background-color:#FFFFFF;border:1px solid rgba(197,160,89,0.22);border-radius:8px;padding:2.25rem 1.75rem 2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:310px;transition:transform 0.4s var(--ease-out-quart),box-shadow 0.4s var(--ease-out-quart),border-color 0.4s var(--ease-out-quart);position:relative;overflow:hidden;text-decoration:none;box-shadow:0 4px 20px rgba(44,38,30,0.03)}.card-pillar-4::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-gold-accent),#8C7853);opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity 0.4s ease,transform 0.4s var(--ease-out-quart)}.card-pillar-4:active{transform:scale(0.98)}@media (hover:hover) and (pointer:fine){.card-pillar-4:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(44,38,30,0.08);border-color:rgba(197,160,89,0.45)}.card-pillar-4:hover::before{opacity:1;transform:scaleX(1)}}.card-pillar-top-4{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-icon-wrap-4{width:56px;height:56px;border-radius:50%;background:rgba(197,160,89,0.06);border:1px solid rgba(197,160,89,0.35);display:flex;align-items:center;justify-content:center;color:var(--color-gold-accent);position:relative;transition:all 0.4s var(--ease-out-quart)}.card-icon-wrap-4::after{content:'';position:absolute;inset:4px;border:1px dashed rgba(197,160,89,0.4);border-radius:50%;transition:all 0.4s var(--ease-out-quart)}.card-icon-wrap-4 .icon-svg{width:22px;height:22px;z-index:2;transition:transform 0.4s var(--ease-out-quart)}@media (hover:hover) and (pointer:fine){.card-pillar-4:hover .card-icon-wrap-4{background:rgba(197,160,89,0.14);border-color:var(--color-gold-accent);transform:scale(1.06)}.card-pillar-4:hover .card-icon-wrap-4::after{transform:rotate(20deg);border-color:rgba(197,160,89,0.7)}.card-pillar-4:hover .card-icon-wrap-4 .icon-svg{transform:scale(1.1)}}.card-num-watermark-4{font-family:var(--font-heading);font-size:1.55rem;font-style:italic;font-weight:500;color:var(--color-gold-accent);opacity:0.65;letter-spacing:0.02em;transition:opacity 0.3s ease}.card-pillar-4:hover .card-num-watermark-4{opacity:1}.card-pillar-tag{display:inline-block;font-family:var(--font-sans);font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-olive-accent);background:rgba(104,100,56,0.08);padding:0.25rem 0.65rem;border-radius:30px;margin-bottom:0.75rem;width:fit-content}.card-pillar-body-4 h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;letter-spacing:-0.01em;color:var(--color-text-title);line-height:1.25;margin:0 0 0.65rem 0;transition:color 0.3s ease}.card-pillar-4:hover .card-pillar-body-4 h3{color:#1C201C}.card-pillar-body-4 p{font-family:var(--font-sans);font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;margin:0 0 1.5rem 0}.card-pillar-link-4{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-sans);font-size:0.76rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-title);border-top:1px solid rgba(44,38,30,0.06);padding-top:1rem;margin-top:auto;transition:color 0.3s ease}.card-pillar-link-4 .icon-svg{width:14px;height:14px;color:var(--color-gold-accent);transition:transform 0.3s var(--ease-out-quart)}@media (hover:hover) and (pointer:fine){.card-pillar-4:hover .card-pillar-link-4{color:var(--color-gold-accent)}.card-pillar-4:hover .card-pillar-link-4 .icon-svg{transform:translateX(5px)}}.section-about-4{padding:7rem 0;background-color:var(--color-bg-alt);position:relative;overflow:hidden}.about-grid-4{display:grid;grid-template-columns:0.9fr 1.1fr;gap:4.5rem;align-items:center}.about-visual-col-4{position:relative;max-width:480px;margin:0 auto;width:100%}.about-visual-col-4::before{content:'';position:absolute;top:-14px;left:-14px;width:100%;height:100%;border:1.5px solid rgba(197,160,89,0.4);border-radius:14px;z-index:0;pointer-events:none;transition:all 0.4s var(--ease-out-quart)}.about-visual-col-4:hover::before{transform:translate(-4px,-4px);border-color:rgba(197,160,89,0.7)}.about-image-card-4{position:relative;z-index:1;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(32,27,21,0.14),0 4px 20px rgba(197,160,89,0.1);border:1px solid rgba(197,160,89,0.3);background-color:#FAF5ED}.about-image-card-4 img{width:100%;height:530px;object-fit:cover;object-position:center 15%;display:block;transition:transform 0.5s var(--ease-out-quart)}.about-visual-col-4:hover .about-image-card-4 img{transform:scale(1.025)}.about-badge-card-4{position:absolute;bottom:-15px;right:-15px;z-index:2;background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);border:1.5px solid rgba(197,160,89,0.45);padding:1.05rem 1.45rem;border-radius:10px;box-shadow:0 16px 36px rgba(28,32,28,0.14);display:flex;align-items:center;gap:0.9rem;transition:all 0.35s var(--ease-out-quart)}.about-badge-card-4:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(197,160,89,0.28)}.about-badge-icon-4{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,rgba(197,160,89,0.22) 0%,rgba(197,160,89,0.08) 100%);border:1px solid rgba(197,160,89,0.4);display:flex;align-items:center;justify-content:center;color:var(--color-gold-accent,#C5A059);flex-shrink:0}.about-badge-icon-4 .icon-svg{width:22px;height:22px}.about-badge-text-4 strong{display:block;font-family:var(--font-heading);font-size:1.65rem;font-weight:400;color:var(--color-text-title);line-height:1.05}.about-badge-text-4 span{font-size:0.72rem;font-weight:700;color:var(--color-olive-accent,#686438);text-transform:uppercase;letter-spacing:0.12em}.about-content-col-4{padding-left:0.5rem}.about-lead-4{font-family:var(--font-heading);font-size:1.45rem;font-weight:500;line-height:1.4;color:var(--color-text-title);margin-bottom:1.15rem;border-left:3px solid var(--color-gold-accent,#C5A059);padding-left:1.15rem}.about-text-4{font-size:0.98rem;color:var(--color-text-body);line-height:1.7;margin-bottom:2rem}.about-credentials-list-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem;margin-bottom:2.25rem}.cred-card-4{background-color:#FFFFFF;border:1px solid rgba(197,160,89,0.25);border-radius:8px;padding:1.15rem;display:flex;flex-direction:column;gap:0.65rem;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 14px rgba(44,38,30,0.03)}.cred-card-4:hover{transform:translateY(-3px);border-color:var(--color-gold-accent,#C5A059);box-shadow:0 10px 24px rgba(44,38,30,0.08)}.cred-icon-4{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,rgba(197,160,89,0.18) 0%,rgba(197,160,89,0.06) 100%);border:1px solid rgba(197,160,89,0.35);display:flex;align-items:center;justify-content:center;color:var(--color-gold-accent,#C5A059);flex-shrink:0;transition:transform 0.3s ease,background 0.3s ease,color 0.3s ease}.cred-card-4:hover .cred-icon-4{transform:scale(1.08);background:var(--color-gold-accent,#C5A059);color:#1C201C}.cred-icon-4 .icon-svg{width:18px;height:18px}.cred-info-4 h3,.cred-info-4 h4{font-family:var(--font-sans);font-size:0.95rem;font-weight:700;line-height:1.25;color:var(--color-text-title);margin-bottom:0.2rem}.cred-inst-4{display:block;font-size:0.76rem;font-weight:600;color:var(--color-olive-accent,#686438);letter-spacing:0.03em;margin-bottom:0.35rem}.cred-info-4 p{font-size:0.82rem;color:var(--color-text-muted);line-height:1.5;margin:0}.about-actions-4{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.about-actions-4 .btn-primary,.about-actions-4 .btn-outline{padding:0.85rem 1.75rem;font-size:0.78rem;border-radius:4px}.section-books-4{padding:7rem 0;background-color:var(--color-bg-body)}.books-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3.5rem}.section-title-4 .title-break-wrap{display:inline-block;white-space:nowrap}.book-card-4{background-color:#FFFFFF;border:1px solid rgba(197,160,89,0.22);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.4s var(--ease-out-quart),box-shadow 0.4s var(--ease-out-quart),border-color 0.4s var(--ease-out-quart);box-shadow:0 4px 20px rgba(44,38,30,0.04);position:relative}.book-card-4:active{transform:scale(0.98)}@media (hover:hover) and (pointer:fine){.book-card-4:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(44,38,30,0.09);border-color:rgba(197,160,89,0.45)}}.book-cover-frame-4{background:linear-gradient(180deg,#FAF7F2 0%,#F2ECE1 100%);padding:2.25rem 1.5rem 1.75rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(197,160,89,0.15);position:relative;overflow:hidden}.book-cover-img-4{height:220px;width:auto;object-fit:contain;border-radius:2px 6px 6px 2px;box-shadow:-4px 8px 20px rgba(0,0,0,0.16),0 2px 5px rgba(0,0,0,0.08);transition:transform 0.45s var(--ease-out-quart),box-shadow 0.45s var(--ease-out-quart)}@media (hover:hover) and (pointer:fine){.book-card-4:hover .book-cover-img-4{transform:translateY(-8px) scale(1.03) rotate(-1deg);box-shadow:-8px 16px 28px rgba(0,0,0,0.22),0 4px 8px rgba(0,0,0,0.08)}}.book-details-4{padding:1.65rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}.book-tag-4{font-family:var(--font-sans);font-size:0.68rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-olive-accent,#686438);margin-bottom:0.6rem}.book-title-4{font-family:var(--font-heading);font-size:1.35rem;font-weight:400;line-height:1.28;letter-spacing:-0.01em;color:var(--color-text-title);margin-bottom:0.65rem;min-height:3.5rem;display:flex;align-items:flex-start;transition:color 0.3s ease}.book-card-4:hover .book-title-4{color:#1C201C}.book-desc-4{font-family:var(--font-sans);font-size:0.88rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem;min-height:2.8rem}.book-actions-4{margin-top:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;align-items:center}.btn-book-action-4{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.55rem 0.35rem;height:38px;font-family:var(--font-sans);font-size:0.72rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap;border-radius:4px;text-decoration:none;box-sizing:border-box;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);cursor:pointer}.btn-book-action-4 .icon-svg{width:13px;height:13px;flex-shrink:0;transition:transform 0.25s ease,color 0.25s ease}.btn-book-view-4{background-color:rgba(44,38,30,0.02);border:1px solid rgba(44,38,30,0.2);color:#2C261E}.btn-book-view-4 .icon-svg{color:#5A5243}@media (hover:hover) and (pointer:fine){.btn-book-view-4:hover{background-color:#FAF6F0;border-color:var(--color-gold-accent,#C5A059);color:var(--color-gold-accent,#C5A059);box-shadow:0 3px 10px rgba(197,160,89,0.15);transform:translateY(-2px)}.btn-book-view-4:hover .icon-svg{color:var(--color-gold-accent,#C5A059);transform:scale(1.12)}}.btn-book-download-4{background-color:#2C261E;border:1px solid #2C261E;color:#FAF6F0}.btn-book-download-4 .icon-svg{color:var(--color-gold-accent,#C5A059)}@media (hover:hover) and (pointer:fine){.btn-book-download-4:hover{background-color:var(--color-gold-accent,#C5A059);border-color:var(--color-gold-accent,#C5A059);color:#1C201C;box-shadow:0 4px 14px rgba(197,160,89,0.32);transform:translateY(-2px)}.btn-book-download-4:hover .icon-svg{color:#1C201C;transform:translateY(1.5px)}}.btn-book-action-4:active{transform:scale(0.97)}.books-cta-center-4{text-align:center}.section-quote-4{padding:6rem 0;background:linear-gradient(135deg,#241E17 0%,#1A1510 100%);color:#FAF6F0;position:relative;overflow:hidden;text-align:center}.quote-pattern-bg-4{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.04;background-image:radial-gradient(#D4AF37 1px,transparent 1px);background-size:24px 24px}.quote-inner-4{position:relative;z-index:2;max-width:860px;margin:0 auto}.quote-arabic-4{font-family:var(--font-arabic);font-size:2.2rem;color:#E2CA8A;margin-bottom:1.5rem;line-height:1.8;direction:rtl}.quote-text-4{font-family:var(--font-heading);font-size:2.4rem;font-weight:400;font-style:italic;line-height:1.35;color:#FAF6F0;margin-bottom:1.5rem}.quote-author-4{font-family:var(--font-sans);font-size:0.85rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#C0AC82}.section-lectures-4{padding:7rem 0;background-color:var(--color-bg-alt)}.lectures-grid-4{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.lecture-card-4{background-color:#FFFFFF;border:1px solid rgba(44,38,30,0.08);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-smooth)}.lecture-card-4:active{transform:scale(0.98)}@media (hover:hover) and (pointer:fine){.lecture-card-4:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,0.08);border-color:rgba(140,120,83,0.3)}}.lecture-thumbnail-4{position:relative;height:200px;background-color:#2C261E;overflow:hidden}.lecture-thumbnail-4 img{width:100%;height:100%;object-fit:cover;opacity:0.85;transition:transform 0.4s var(--ease-out-quart),opacity 0.4s ease}@media (hover:hover) and (pointer:fine){.lecture-card-4:hover .lecture-thumbnail-4 img{transform:scale(1.05);opacity:0.95}}.play-badge-4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background-color:rgba(250,246,240,0.9);color:#2C261E;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 6px 20px rgba(0,0,0,0.25);transition:var(--transition-smooth)}@media (hover:hover) and (pointer:fine){.lecture-card-4:hover .play-badge-4{transform:translate(-50%,-50%) scale(1.1);background-color:#D4AF37;color:#000}}.duration-tag-4{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,0.75);color:#FFF;font-size:0.72rem;font-weight:600;padding:3px 8px;border-radius:3px;letter-spacing:0.05em}.lecture-content-4{padding:1.75rem;display:flex;flex-direction:column;flex:1}.lecture-category-4{font-size:0.72rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-olive-accent);margin-bottom:0.5rem}.lecture-title-4{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;line-height:1.3;color:var(--color-text-title);margin-bottom:0.75rem}.lecture-desc-4{font-size:0.88rem;color:var(--color-text-muted);line-height:1.55;margin-bottom:1.5rem;flex:1}.lecture-footer-4{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border-light);padding-top:1rem;font-size:0.8rem;color:var(--color-text-muted)}.site-footer-4{background-color:#1E1914;color:#FAF6F0;padding:5rem 0 2rem;border-top:1px solid rgba(140,120,83,0.2)}.footer-top-4{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3.5rem;margin-bottom:4rem}.footer-brand-4{display:flex;flex-direction:column;align-items:flex-start}.footer-logo-link-4{display:inline-block;align-self:flex-start;margin-bottom:1.25rem}.footer-logo-4{height:48px;width:auto;max-width:220px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:0.95;display:block;align-self:flex-start}.footer-bio-4{font-size:0.9rem;color:#A49A8A;line-height:1.65;margin-bottom:1.5rem;max-width:320px}.footer-col-4 h4{font-family:var(--font-sans);font-size:0.92rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;line-height:1.35;color:#FAF6F0;margin-bottom:1.35rem;position:relative;padding-bottom:0.65rem}.footer-col-4 h4::after{content:'';position:absolute;bottom:0;left:0;width:22px;height:1.5px;background-color:var(--color-gold-accent)}.footer-links-4{list-style:none;display:flex;flex-direction:column;gap:0.85rem}.footer-links-4 a{color:#A49A8A;font-size:0.88rem;transition:var(--transition-smooth)}.footer-links-4 a:hover{color:#E2CA8A;padding-left:4px}.footer-contact-item-4{display:flex;align-items:flex-start;gap:0.75rem;color:#A49A8A;font-size:0.88rem;margin-bottom:1rem;line-height:1.5}.footer-contact-item-4 i,.footer-contact-item-4 .icon-svg{color:var(--color-gold-accent);width:18px;height:18px;font-size:1.1rem;margin-top:3px;flex-shrink:0}.footer-bottom-4{border-top:1px solid rgba(255,255,255,0.08);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:0.82rem;color:#8C8273}.footer-social-links-4{display:flex;gap:0.75rem}.footer-social-links-4 a{width:34px;height:34px;border-radius:50%;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:#FAF6F0;transition:var(--transition-smooth)}.footer-social-links-4 a:hover{background-color:var(--color-gold-accent);color:#000;border-color:var(--color-gold-accent);transform:translateY(-2px)}@media (max-width:1280px){.hero-title-4{font-size:4.4rem}.hero-visual-4{width:50%;max-width:620px}.hero-portrait-img-4{max-height:80vh;max-width:580px}.explore-grid-4,.books-grid-4{grid-template-columns:repeat(2,1fr)}.footer-top-4{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (max-width:1024px){.hero-title-4{font-size:3.4rem}.section-title-4{font-size:2.6rem}.nav-menu-4{display:none !important}.header-socials-desktop{display:none !important}.hamburger-btn-4{display:flex !important}.hero-section-4{flex-direction:column;padding-top:130px;padding-bottom:0;min-height:auto}.hero-container-4{grid-template-columns:1fr;padding-top:0;min-height:auto;margin-bottom:0}.hero-left-4{max-width:100%;z-index:10}.hero-visual-4{position:relative;opacity:1;width:100%;height:auto;display:flex;justify-content:center;align-items:flex-end;margin-top:1.5rem;z-index:15}.hero-portrait-img-4{max-width:380px;width:100%;height:auto;max-height:48vh;object-position:bottom center}.about-grid-4{grid-template-columns:1fr;gap:3rem}.lectures-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.site-header-4{height:76px}.header-inner-4{padding:0 1.25rem}.logo-img-4{height:40px}.hero-title-4{font-size:2.35rem}.hero-title-line-1{white-space:normal}.section-title-4 .title-break-wrap{white-space:normal !important;display:inline !important}.hero-tagline-4{font-size:1.15rem;margin-bottom:1.1rem}.section-title-4{font-size:2.1rem}.about-lead-4{font-size:1.4rem}.hero-desc-4{font-size:1rem}.hero-desig-item-4{font-size:0.9rem}.stat-num-4{font-size:3.2rem}.quote-text-4{font-size:1.4rem}.explore-grid-4,.books-grid-4,.lectures-grid-4{grid-template-columns:1fr}.hero-actions-4{flex-direction:column;align-items:flex-start;gap:1.25rem}.hero-visual-4{justify-content:center;margin-top:1rem}.hero-portrait-img-4{max-width:300px;width:100%;height:auto;max-height:40vh;object-position:bottom center}.about-credentials-list-4{grid-template-columns:1fr}.about-badge-card-4{right:10px;bottom:-15px}.about-actions-4{flex-direction:column;align-items:stretch}.about-actions-4 .btn-primary,.about-actions-4 .btn-outline{width:100%}.footer-top-4{grid-template-columns:1fr}.footer-bottom-4{flex-direction:column;gap:1rem;text-align:center}}@keyframes heroFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{from{opacity:0}to{opacity:1}}@keyframes heroSlideRight{from{opacity:1;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes heroScaleUp{from{opacity:0;transform:scaleX(0);transform-origin:left}to{opacity:1;transform:scaleX(1);transform-origin:left}}.hero-eyebrow-4{animation:heroFadeUp 0.7s var(--ease-out-quart) 0.1s both}.hero-title-4{animation:heroFadeUp 0.8s var(--ease-out-quart) 0.25s both}.title-underline-4{animation:heroScaleUp 0.6s var(--ease-out-quart) 0.45s both}.hero-tagline-4{animation:heroFadeUp 0.7s var(--ease-out-quart) 0.52s both}.hero-desc-4{animation:heroFadeUp 0.7s var(--ease-out-quart) 0.62s both}.hero-actions-4{animation:heroFadeUp 0.7s var(--ease-out-quart) 0.75s both}.hero-stats-4{animation:heroFadeUp 0.7s var(--ease-out-quart) 0.85s both}.hero-scroll-4{animation:heroFadeIn 0.8s ease 1.1s both}.hero-visual-4{animation:heroSlideRight 0.6s var(--ease-out-quart) 0s both}.about-hero-section .about-hero-badge,.books-hero-section .books-hero-badge,.lectures-hero-section .lectures-eyebrow,.contact-hero-section .contact-eyebrow{animation:heroFadeUp 0.7s var(--ease-out-quart) 0.1s both}.about-hero-section h1,.about-hero-section .about-hero-title,.books-hero-section h1,.books-hero-section .books-hero-title,.lectures-hero-section h1,.lectures-hero-section .lectures-hero-title,.contact-hero-section h1,.contact-hero-section .contact-hero-title{animation:heroFadeUp 0.8s var(--ease-out-quart) 0.22s both}.about-hero-section .about-hero-subtitle,.books-hero-section .books-hero-desc,.lectures-hero-section .lectures-hero-desc,.contact-hero-section .contact-hero-desc{animation:heroFadeUp 0.8s var(--ease-out-quart) 0.35s both}.lectures-hero-section .lectures-filter-bar,.books-hero-section .books-hero-actions,.contact-hero-section .contact-hero-actions{animation:heroFadeUp 0.8s var(--ease-out-quart) 0.48s both}.reveal-up{opacity:0;transform:translateY(30px);transition:opacity 0.8s var(--ease-out-quart),transform 0.8s var(--ease-out-quart);will-change:opacity,transform}.reveal-up.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.reveal-up{opacity:1 !important;transform:none !important;transition:none !important}}button,input,select,textarea{font-family:inherit}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2.5rem;font-family:var(--font-sans);font-size:0.85rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;border:1px solid transparent}.btn-sm{padding:0.6rem 1.2rem;font-size:0.75rem}.btn-primary{background-color:#1C201C;color:#FFFFFF}.btn-primary:hover{background-color:var(--color-gold-accent,#C5A059);transform:translateY(-2px);box-shadow:0 4px 15px rgba(197,160,89,0.3)}.btn-outline{background-color:transparent;border-color:#1C201C;color:#1C201C}.btn-outline:hover{background-color:#1C201C;color:#FFFFFF;transform:translateY(-2px)}.btn-primary .icon-svg,.btn-outline .icon-svg{width:16px;height:16px;transition:transform 0.3s ease}.btn-primary:hover .icon-svg,.btn-outline:hover .icon-svg{transform:translateX(4px)}.custom-select-wrapper{position:relative;width:100%}.custom-select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:1rem 3rem 1rem 1.5rem;background-color:transparent;border:1px solid var(--color-border);border-radius:0;font-family:var(--font-sans);font-size:0.95rem;color:var(--color-text-body);cursor:pointer;transition:border-color 0.3s ease}.custom-select-wrapper select:focus{outline:none;border-color:var(--color-gold-accent)}.custom-select-wrapper .select-arrow-icon{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:12px;height:12px;pointer-events:none;color:var(--color-text-body)}