.container{max-width:1180px;margin:0 auto;padding:0 1.5rem}.hakeem-hero{isolation:isolate;background:linear-gradient(135deg,#f4faf5 0%,#e8f3e9 100%);align-items:center;min-height:75vh;padding:5rem 0 3rem;display:flex;position:relative;overflow:hidden}@media (max-width:900px){.hakeem-hero{min-height:auto;padding:4rem 0 3rem}}@media (max-width:480px){.hakeem-hero{padding:3rem 0 2rem}}.hero-bg-pattern{opacity:.5;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L35 15 L45 15 L38 22 L41 32 L30 26 L19 32 L22 22 L15 15 L25 15 L30 5Z' fill='%232c5e3a' fill-opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-container{z-index:2;position:relative}.hero-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:3rem;display:grid}@media (max-width:1024px){.hero-grid{gap:2rem}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}}.hero-image-col{width:100%;max-width:500px;margin:0 auto;position:relative}@media (max-width:900px){.hero-image-col{max-width:400px}}@media (max-width:480px){.hero-image-col{max-width:300px}}.image-wrapper{box-shadow:var(--shadow-lg);border:4px solid #fff;border-radius:40% 60% 30% 70%/50% 40% 60% 50%;transition:border-radius .4s;position:relative;overflow:hidden}.image-wrapper:hover{border-radius:60% 40% 50% 50%/40% 50% 50% 60%}.hakeem-portrait{object-fit:cover;aspect-ratio:6/7;width:100%;height:auto;transition:transform .6s cubic-bezier(.25,1,.5,1);display:block}.image-wrapper:hover .hakeem-portrait{transform:scale(1.03)}.image-border-decoration{border:2px solid var(--herb-soft);border-radius:inherit;opacity:.3;pointer-events:none;position:absolute;inset:0}.floating-badge{box-shadow:var(--shadow-md);color:var(--herb-deep);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;background:#fff;border:1px solid #ffffff80;border-radius:60px;align-items:center;gap:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:flex;position:absolute}@media (min-width:481px){.floating-badge{padding:.8rem 1.8rem;font-size:1rem}}.floating-badge.experience{bottom:10%;left:-15px}.floating-badge.patients{top:15%;right:-15px}@media (max-width:600px){.floating-badge.experience{bottom:5%;left:5px}.floating-badge.patients{top:10%;right:5px}}.badge-icon{color:var(--herb-primary);font-size:1.2rem}@media (min-width:481px){.badge-icon{font-size:1.4rem}}.floating-leaf-hero{opacity:.15;z-index:1;pointer-events:none;font-size:3rem;position:absolute}@media (min-width:768px){.floating-leaf-hero{font-size:4rem}}.leaf-1{bottom:-10px;right:-20px;transform:rotate(15deg)}.leaf-2{top:-20px;left:-20px;transform:rotate(-20deg)}.hero-content-col{padding-right:0}@media (max-width:900px){.hero-content-col{text-align:center;padding:0}}.pre-title{text-transform:uppercase;letter-spacing:2px;color:var(--herb-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c5e3a14;border-radius:40px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}@media (min-width:481px){.pre-title{letter-spacing:3px;padding:.5rem 1.2rem;font-size:.9rem}}.pre-title-icon{font-size:1rem}@media (min-width:481px){.pre-title-icon{font-size:1.2rem}}.hero-name{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.15}@media (max-width:480px){.hero-name{margin-bottom:1rem;font-size:2.2rem}}.name-accent{color:var(--herb-primary);display:inline-block;position:relative}.name-accent:after{content:"";z-index:-1;background:#8ba8884d;border-radius:20px;width:100%;height:8px;position:absolute;bottom:5px;left:0}@media (min-width:481px){.name-accent:after{height:12px;bottom:8px}}.hero-tagline{font-family:var(--font-serif);color:var(--text-soft);border-left:4px solid var(--herb-primary);margin-bottom:1.5rem;padding-left:1rem;font-size:1.2rem;font-style:italic}@media (min-width:481px){.hero-tagline{padding-left:1.5rem;font-size:1.5rem}}@media (max-width:900px){.hero-tagline{border-left:none;padding-left:0}}.hero-description{color:var(--text-dark);margin-bottom:2rem;font-size:.95rem;line-height:1.7}@media (min-width:481px){.hero-description{margin-bottom:2.5rem;font-size:1rem;line-height:1.8}}.hero-stats{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}@media (min-width:481px){.hero-stats{gap:2.5rem;margin-bottom:3rem}}@media (max-width:900px){.hero-stats{justify-content:center}}.stat-block{flex-direction:column;display:flex}.stat-number{font-family:var(--font-serif);color:var(--herb-deep);font-size:1.8rem;font-weight:700;line-height:1.2}@media (min-width:481px){.stat-number{font-size:2.2rem}}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-soft);font-size:.7rem}@media (min-width:481px){.stat-label{font-size:.9rem}}.hero-cta-group{flex-wrap:wrap;gap:1rem;display:flex}@media (max-width:900px){.hero-cta-group{justify-content:center}}@media (max-width:480px){.hero-cta-group{flex-direction:column;width:100%}}.hero-cta-primary,.hero-cta-secondary{transition:var(--transition);white-space:nowrap;border:2px solid #0000;border-radius:60px;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}@media (min-width:481px){.hero-cta-primary,.hero-cta-secondary{padding:1rem 2.5rem;font-size:1.1rem}}@media (max-width:480px){.hero-cta-primary,.hero-cta-secondary{white-space:normal;width:100%}}.hero-cta-primary{background:var(--herb-primary);color:#fff;box-shadow:var(--shadow-md)}.hero-cta-primary:hover{background:var(--herb-deep);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.cta-arrow{transition:transform .2s}.hero-cta-primary:hover .cta-arrow{transform:translate(5px)}.hero-cta-secondary{color:var(--herb-deep);border:2px solid var(--herb-soft);background:0 0}.hero-cta-secondary:hover{border-color:var(--herb-primary);background:#2c5e3a0d;transform:translateY(-4px)}.scroll-indicator{color:var(--herb-deep);text-transform:uppercase;letter-spacing:2px;z-index:5;flex-direction:column;align-items:center;gap:8px;font-size:.7rem;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (min-width:481px){.scroll-indicator{font-size:.9rem;bottom:30px}}@media (max-width:480px){.scroll-indicator{display:none}}.scroll-line{background:linear-gradient(to bottom, var(--herb-primary), transparent);width:2px;height:40px;animation:2s infinite scrollPulse}@media (min-width:481px){.scroll-line{height:60px}}@keyframes scrollPulse{0%{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}to{opacity:.5;transform:scaleY(.5)}}.story-section{background:var(--herb-cream);padding:4rem 0}@media (min-width:768px){.story-section{padding:5rem 0}}.story-grid{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (min-width:768px){.story-grid{grid-template-columns:1fr 1fr;gap:4rem}}.story-image{box-shadow:var(--shadow-lg);transition:var(--transition);border-radius:24px;width:100%;max-width:500px;margin:0 auto;position:relative;overflow:hidden;transform:rotate(-1deg)}@media (min-width:768px){.story-image{max-width:none}}.story-image:hover{transform:rotate(0)scale(1.02)}.story-img{width:100%;height:auto;transition:transform .6s;display:block}.story-image:hover .story-img{transform:scale(1.05)}.image-badge{background:var(--herb-primary);color:#fff;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:40px;padding:.4rem 1.2rem;font-size:1rem;font-weight:600;position:absolute;bottom:15px;left:15px}@media (min-width:481px){.image-badge{padding:.5rem 1.5rem;font-size:1.2rem;bottom:20px;left:20px}}.story-content h2{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1.5rem;font-size:2.2rem}@media (min-width:768px){.story-content h2{font-size:2.8rem}}.story-content .lead{font-size:1.1rem;font-family:var(--font-serif);color:var(--herb-primary);margin-bottom:1.5rem;font-style:italic}@media (min-width:481px){.story-content .lead{font-size:1.3rem}}.story-content p{margin-bottom:1rem;line-height:1.7}.story-stats{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-item .stat-number{color:var(--herb-deep);font-size:2rem;font-weight:800;line-height:1.2}@media (min-width:481px){.stat-item .stat-number{font-size:2.5rem}}.stat-item .stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-soft);font-size:.8rem}@media (min-width:481px){.stat-item .stat-label{font-size:.9rem}}.values-section{background:linear-gradient(to bottom, #fff, var(--herb-light));padding:4rem 0}@media (min-width:768px){.values-section{padding:5rem 0}}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:.5rem;font-size:2.2rem}@media (min-width:768px){.section-header h2{font-size:3rem}}.section-header p{color:var(--text-soft);font-size:1rem}@media (min-width:481px){.section-header p{font-size:1.2rem}}.values-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.values-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.value-card{text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border:1px solid #8cb48c1a;border-radius:30px;height:100%;padding:2rem 1.5rem}.value-card:hover{box-shadow:var(--shadow-lg);border-color:var(--herb-soft);transform:translateY(-10px)}.value-icon{margin-bottom:1rem;font-size:2.5rem;display:inline-block}@media (min-width:481px){.value-icon{margin-bottom:1.5rem;font-size:3.5rem}}.value-card h3{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1rem;font-size:1.4rem}@media (min-width:481px){.value-card h3{font-size:1.6rem}}.value-card p{font-size:.9rem;line-height:1.6}@media (min-width:481px){.value-card p{font-size:1rem}}.timeline-section{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L35 15 L45 15 L38 22 L41 32 L30 26 L19 32 L22 22 L15 15 L25 15 L30 5Z' fill='%232c5e3a' fill-opacity='0.02'/%3E%3C/svg%3E");padding:4rem 0}@media (min-width:768px){.timeline-section{padding:5rem 0}}.timeline-section h2{font-family:var(--font-serif);text-align:center;color:var(--herb-deep);margin-bottom:3rem;font-size:2.2rem}@media (min-width:768px){.timeline-section h2{margin-bottom:4rem;font-size:3rem}}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:after{content:"";background:linear-gradient(to bottom, var(--herb-primary), var(--herb-soft));border-radius:4px;width:3px;position:absolute;top:0;bottom:0;left:25px}@media (min-width:768px){.timeline:after{width:4px;margin-left:-2px;left:50%}}.timeline-item{box-sizing:border-box;width:100%;margin-bottom:1.5rem;padding:10px 10px 10px 50px;position:relative}@media (min-width:768px){.timeline-item{width:50%;margin-bottom:0;padding:10px 40px}.timeline-item.left{padding-left:0;padding-right:40px;left:0}.timeline-item.right{padding-left:40px;padding-right:0;left:50%}}.timeline-item:before{content:"";border:3px solid var(--herb-primary);z-index:1;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:20px;left:17px}@media (min-width:768px){.timeline-item:before{border-width:4px;width:20px;height:20px}.left:before{left:auto;right:-12px}.right:before{left:-12px}}.timeline-content{box-shadow:var(--shadow-md);transition:var(--transition);background:#fff;border-radius:20px;padding:1.2rem 1.5rem}.timeline-content:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.year{color:var(--herb-primary);font-size:1.5rem;font-weight:800;line-height:1}@media (min-width:481px){.year{font-size:2rem}}.timeline-content h3{font-family:var(--font-serif);margin:.5rem 0;font-size:1.2rem}@media (min-width:481px){.timeline-content h3{font-size:1.4rem}}.timeline-content p{font-size:.9rem}@media (min-width:481px){.timeline-content p{font-size:1rem}}.address-section{background:var(--herb-cream);padding:4rem 0}@media (min-width:768px){.address-section{padding:5rem 0}}.address-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (min-width:640px){.address-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.address-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}}.address-card{text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border:1px solid #8cb48c1a;border-radius:30px;height:100%;padding:2rem 1.5rem}.address-card:hover{box-shadow:var(--shadow-lg);border-color:var(--herb-soft);transform:translateY(-8px)}.address-icon{color:var(--herb-primary);margin-bottom:1.5rem;font-size:2.2rem}.address-card h3{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1rem;font-size:1.5rem}@media (min-width:481px){.address-card h3{font-size:1.8rem}}.address-card p{color:var(--text-soft);font-size:.95rem;line-height:1.6}.address-card .closed{color:#c0392b;font-weight:500}.address-card{word-break:break-word;overflow-wrap:break-word;height:auto;min-height:auto}.address-card p{word-break:break-word;overflow-wrap:break-word}.contact-info,.contact-value{word-break:break-word}.contact-form input,.contact-form textarea{box-sizing:border-box;max-width:100%}.map-placeholder{width:100%}@media (max-width:360px){.hero-stats{flex-direction:column;align-items:center;gap:.5rem}.stat-block{align-items:center}.hero-cta-group{gap:.5rem}.hero-cta-primary,.hero-cta-secondary{padding:.7rem 1rem;font-size:.9rem}}.timeline-content p{word-break:break-word}.map-placeholder{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#d4e8d4 0%,#b8d4b8 100%);border-radius:30px;justify-content:center;align-items:center;width:100%;height:220px;margin-top:2rem;display:flex;overflow:hidden}.map-placeholder iframe{border:0;width:100%;height:100%;display:block}@media (min-width:481px){.map-placeholder{height:250px}}@media (min-width:768px){.map-placeholder{height:300px}}@media (min-width:1024px){.map-placeholder{height:350px}}.map-overlay{text-align:center;color:var(--herb-deep);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border-radius:60px;padding:.8rem 1.5rem;font-size:1rem;font-weight:500}@media (min-width:481px){.map-overlay{padding:1rem 2rem;font-size:1.2rem}}@media (min-width:768px){.map-overlay{font-size:1.5rem}}.contact-section{background:#fff;padding:4rem 0}@media (min-width:768px){.contact-section{padding:5rem 0}}.contact-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.contact-grid{grid-template-columns:1fr 1.5fr;gap:2rem}}@media (min-width:1024px){.contact-grid{gap:3rem}}.contact-info{background:var(--herb-light);box-shadow:var(--shadow-md);border-radius:30px;padding:1.8rem}@media (min-width:481px){.contact-info{padding:2.5rem}}.contact-info h3{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1.5rem;font-size:1.6rem}@media (min-width:481px){.contact-info h3{margin-bottom:2rem;font-size:2rem}}.contact-item{gap:1rem;margin-bottom:1.5rem;display:flex}@media (min-width:481px){.contact-item{gap:1.5rem;margin-bottom:2rem}}.contact-icon{color:var(--herb-primary);flex-shrink:0;margin-top:3px;font-size:1.3rem}@media (min-width:481px){.contact-icon{margin-top:5px;font-size:1.8rem}}.contact-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-soft);margin-bottom:.25rem;font-size:.75rem}@media (min-width:481px){.contact-label{font-size:.9rem}}.contact-value{color:var(--herb-deep);font-size:1rem;font-weight:500}@media (min-width:481px){.contact-value{font-size:1.2rem}}.contact-form-wrapper{box-shadow:var(--shadow-md);background:#fff;border:1px solid #8cb48c26;border-radius:30px;padding:1.8rem}@media (min-width:481px){.contact-form-wrapper{padding:2.5rem}}.contact-form-wrapper h3{font-family:var(--font-serif);color:var(--herb-deep);margin-bottom:1.5rem;font-size:1.6rem}@media (min-width:481px){.contact-form-wrapper h3{margin-bottom:2rem;font-size:2rem}}.contact-form .form-group{margin-bottom:1.2rem}.contact-form input,.contact-form textarea{width:100%;font-family:var(--font-sans);transition:var(--transition);background:var(--herb-cream);border:1px solid #8ba8884d;border-radius:20px;padding:.8rem 1rem;font-size:.95rem}@media (min-width:481px){.contact-form input,.contact-form textarea{padding:1rem 1.2rem;font-size:1rem}}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--herb-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #2c5e3a1a}.submit-btn{background:var(--herb-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition);border:none;border-radius:60px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;display:inline-flex}@media (min-width:481px){.submit-btn{width:auto;padding:1rem 2.5rem;font-size:1.1rem}}.submit-btn:hover{background:var(--herb-deep);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-arrow{transition:transform .2s}.submit-btn:hover .btn-arrow{transform:translate(5px)}.about-cta{text-align:center;background:linear-gradient(135deg, var(--herb-deep) 0%, var(--herb-primary) 100%);color:#fff;padding:4rem 0;position:relative;overflow:hidden}@media (min-width:768px){.about-cta{padding:6rem 0}}.about-cta:before{content:"🌿";opacity:.1;font-size:5rem;position:absolute;top:15%;left:3%;transform:rotate(-15deg)}@media (min-width:768px){.about-cta:before{font-size:8rem;top:20%;left:5%}}.about-cta:after{content:"🍃";opacity:.1;font-size:5rem;position:absolute;bottom:10%;right:3%;transform:rotate(20deg)}@media (min-width:768px){.about-cta:after{font-size:7rem;right:5%}}.about-cta h2{font-family:var(--font-serif);color:#fff;margin-bottom:1rem;font-size:2.2rem}@media (min-width:768px){.about-cta h2{font-size:3.5rem}}.about-cta p{color:#ffffffe6;margin-bottom:2rem;font-size:1rem}@media (min-width:481px){.about-cta p{margin-bottom:2.5rem;font-size:1.3rem}}.cta-buttons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (min-width:481px){.cta-buttons{flex-direction:row;gap:1.5rem}}.btn-primary,.btn-secondary{transition:var(--transition);text-align:center;border:2px solid #0000;border-radius:60px;width:100%;max-width:250px;padding:.8rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}@media (min-width:481px){.btn-primary,.btn-secondary{width:auto;padding:1rem 2.5rem;font-size:1.2rem}}.btn-primary{color:var(--herb-deep);background:#fff}.btn-primary:hover{color:#fff;background:0 0;border-color:#fff;transform:translateY(-4px)}.btn-secondary{color:#fff;background:0 0;border-color:#ffffff80}.btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}@keyframes softPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width:360px){.container{padding:0 1rem}.hero-name{font-size:1.8rem}.hero-tagline{font-size:1rem}.floating-badge{padding:.4rem .8rem;font-size:.75rem}.floating-leaf-hero{display:none}.story-content h2,.section-header h2,.timeline-section h2,.about-cta h2{font-size:1.8rem}}