.doors{background:var(--bg-page);padding:clamp(56px,8vw,96px) var(--gutter) clamp(56px,8vw,112px)}.doors__inner{max-width:var(--content-max);margin:0 auto}.doors__header{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(28px,3.5vw,48px);padding-bottom:clamp(20px,2.4vw,32px);border-bottom:1px solid var(--border-hairline);max-width:64ch}.doors__label{font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--accent-text)}.doors__title{font-family:var(--font-display);font-size:clamp(1.875rem,4vw,3.25rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--text-primary);margin:0;text-wrap:balance}html[lang=ar] .doors__title{font-family:var(--font-arabic);font-weight:700;line-height:1.25;letter-spacing:0}.doors__subtitle{font-family:var(--font-body);font-size:clamp(.9375rem,1.05vw,1.0625rem);line-height:1.55;color:var(--text-body);margin:0;max-width:56ch}html[lang=ar] .doors__subtitle{font-family:var(--font-arabic);line-height:1.85}.doors__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.4vw,20px)}@media(max-width:720px){.doors__grid{grid-template-columns:1fr}}.door{--door-bg: var(--bg-soft);--door-text: var(--text-primary);--door-text-soft: var(--text-body);--door-muted: var(--text-muted);--door-accent: var(--accent);--door-border: var(--border-hairline);--door-cta-bg: var(--bg-page);--door-cta-text: var(--text-primary);--door-seal: color-mix(in oklab, var(--text-primary) 6%, transparent);position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;padding:clamp(22px,2.4vw,32px);min-height:280px;background:var(--door-bg);color:var(--door-text);text-decoration:none;border:1px solid var(--door-border);border-radius:24px;overflow:hidden;isolation:isolate;transform:translateZ(0);backface-visibility:hidden;will-change:transform;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart),border-color var(--duration-base) var(--ease-out-quart)}.door:hover{transform:translate3d(0,-4px,0);box-shadow:0 28px 60px -28px color-mix(in oklab,var(--color-ink-950) 24%,transparent)}.door:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-chartreuse-500)}.door--dark{--door-bg: var(--color-ink-950);--door-text: var(--color-cream-50);--door-text-soft: color-mix(in oklab, var(--color-cream-50) 75%, transparent);--door-muted: color-mix(in oklab, var(--color-cream-50) 55%, transparent);--door-accent: var(--color-chartreuse-500);--door-border: color-mix(in oklab, var(--color-cream-50) 12%, transparent);--door-cta-bg: var(--color-chartreuse-500);--door-cta-text: var(--color-ink-950);--door-seal: color-mix(in oklab, var(--color-chartreuse-500) 8%, transparent)}.door--cream{--door-bg: var(--color-cream-50);--door-text: var(--color-ink-950);--door-text-soft: var(--color-charcoal-700, #3a3a44);--door-muted: var(--color-charcoal-550, #58585d);--door-accent: var(--color-chartreuse-900);--door-border: color-mix(in oklab, var(--color-ink-950) 10%, transparent);--door-cta-bg: var(--color-ink-950);--door-cta-text: var(--color-cream-50);--door-seal: color-mix(in oklab, var(--color-ink-950) 5%, transparent)}.door--accent{--door-bg: var(--color-chartreuse-500);--door-text: var(--color-ink-950);--door-text-soft: color-mix(in oklab, var(--color-ink-950) 78%, transparent);--door-muted: color-mix(in oklab, var(--color-ink-950) 60%, transparent);--door-accent: var(--color-ink-950);--door-border: color-mix(in oklab, var(--color-ink-950) 16%, transparent);--door-cta-bg: var(--color-ink-950);--door-cta-text: var(--color-chartreuse-500);--door-seal: color-mix(in oklab, var(--color-ink-950) 7%, transparent)}.door--gradient{--door-bg: linear-gradient( 135deg, var(--color-ink-950) 0%, var(--color-charcoal-900) 55%, color-mix(in oklab, var(--color-chartreuse-500) 35%, var(--color-charcoal-900)) 100% );--door-text: var(--color-cream-50);--door-text-soft: color-mix(in oklab, var(--color-cream-50) 78%, transparent);--door-muted: color-mix(in oklab, var(--color-cream-50) 55%, transparent);--door-accent: var(--color-chartreuse-500);--door-border: color-mix(in oklab, var(--color-chartreuse-500) 22%, transparent);--door-cta-bg: var(--color-chartreuse-500);--door-cta-text: var(--color-ink-950);--door-seal: color-mix(in oklab, var(--color-chartreuse-500) 12%, transparent)}html[data-theme=dark] .door--cream{--door-bg: var(--color-cream-50);--door-text: var(--color-ink-950);--door-text-soft: var(--color-charcoal-700, #3a3a44);--door-muted: var(--color-charcoal-500, #6a6a78);--door-cta-bg: var(--color-ink-950);--door-cta-text: var(--color-cream-50)}.door__top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}.door__number{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.18em;color:var(--door-accent);line-height:1}.door__kicker{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--door-muted);padding:6px 10px;border:1px solid var(--door-border);border-radius:999px}html[lang=ar] .door__kicker{font-family:var(--font-arabic);font-size:.75rem;letter-spacing:0;text-transform:none}.door__title{font-family:var(--font-display);font-size:clamp(1.625rem,2.4vw,2.25rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--door-text);margin:0;position:relative;z-index:2}html[lang=ar] .door__title{font-family:var(--font-arabic);font-weight:700;line-height:1.2;letter-spacing:0}.door__tagline{font-family:var(--font-body);font-size:clamp(.9375rem,1.05vw,1rem);line-height:1.55;color:var(--door-text-soft);margin:0;max-width:38ch;position:relative;z-index:2;align-self:start}html[lang=ar] .door__tagline{font-family:var(--font-arabic);line-height:1.85}.door__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;position:relative;z-index:2}.door__metric{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8125rem;font-weight:500;color:var(--door-text-soft);letter-spacing:.02em}html[lang=ar] .door__metric{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0}.door__metric-dot{width:6px;height:6px;border-radius:50%;background:var(--door-accent);flex-shrink:0}.door__cta{display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 16px;background:var(--door-cta-bg);color:var(--door-cta-text);border-radius:999px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform var(--duration-base) var(--ease-out-quart),background var(--duration-base) var(--ease-out-quart)}html[lang=ar] .door__cta{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0;text-transform:none;font-weight:600;padding:10px 16px}.door__cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:color-mix(in oklab,var(--door-cta-text) 14%,transparent);transition:transform var(--duration-base) var(--ease-out-quart)}html[dir=rtl] .door__cta-arrow svg{transform:scaleX(-1)}html[dir=rtl] .door--gradient .door__cta-arrow svg{transform:none}.door:hover .door__cta-arrow{transform:translate3d(2px,0,0)}html[dir=rtl] .door:hover .door__cta-arrow{transform:translate3d(-2px,0,0)}.door__seal{position:absolute;bottom:-28px;inset-inline-end:-10px;width:clamp(11rem,18vw,16rem);height:auto;color:var(--door-seal);pointer-events:none;user-select:none;z-index:1;transition:transform var(--duration-base) var(--ease-out-quart)}.door:hover .door__seal{transform:translate3d(-4px,-4px,0)}html[dir=rtl] .door:hover .door__seal{transform:translate3d(4px,-4px,0)}@media(prefers-reduced-motion:reduce){.door,.door__cta,.door__cta-arrow,.door__seal{transition:none}.door:hover,.door:hover .door__cta-arrow,.door:hover .door__seal{transform:none}}
