.workshop-hero{position:relative;margin-top:var(--nav-height);height:50vh;min-height:400px;display:flex;align-items:center;overflow:hidden}.workshop-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.workshop-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e8762bd9,#e8762b80)}.workshop-hero-content{position:relative;z-index:2;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.workshop-hero.has-banner{background:var(--white);height:clamp(160px,13.021vw,250px);min-height:160px;max-height:250px}.workshop-hero.has-banner .workshop-hero-bg{background-repeat:no-repeat;background-position:center;background-size:contain}.workshop-hero-content .section-label{color:#ffffffb3}.workshop-hero-content h1{color:var(--white);font-size:clamp(2rem,5vw,3.5rem);max-width:600px}.workshop-body{padding:var(--space-4xl) 0}.workshop-content-wrapper{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl);display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4xl)}.workshop-text h2{font-size:var(--text-3xl);margin-bottom:var(--space-xl)}.workshop-text p{color:var(--gray-500);font-size:var(--text-base);line-height:1.9;margin-bottom:var(--space-lg)}.workshop-text blockquote{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;font-style:italic;color:var(--primary);border-left:4px solid var(--primary);padding-left:var(--space-xl);margin:var(--space-2xl) 0}.workshop-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-xl));align-self:start}.workshop-sidebar-card{background:var(--off-white);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl)}.workshop-sidebar-card h4{font-size:var(--text-lg);margin-bottom:var(--space-lg)}.workshop-sidebar-card .btn{width:100%;justify-content:center;margin-top:var(--space-lg)}.workshop-info-list{display:flex;flex-direction:column;gap:var(--space-md)}.workshop-info-item{display:flex;gap:var(--space-md);align-items:center}.workshop-info-item svg{width:20px;height:20px;fill:var(--primary);flex-shrink:0}.workshop-info-item span{color:var(--gray-500);font-size:var(--text-sm)}.related-workshops{background:var(--off-white);padding:var(--space-4xl) 0}.page-hero{position:relative;margin-top:var(--nav-height);min-height:clamp(220px,30vw,360px);padding:var(--space-3xl) 0;background:linear-gradient(135deg,var(--primary),var(--primary-light));text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-hero.has-banner{background-color:var(--white);background-repeat:no-repeat;background-position:center;background-size:contain;padding:0;height:clamp(160px,13.021vw,250px);min-height:160px;max-height:250px}.page-hero.has-banner:before{display:none}.page-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:#ffffff0d}.page-hero h1{color:var(--white);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--space-md);position:relative;z-index:1}.page-hero p{color:#fffc;font-size:var(--text-lg);max-width:600px;margin:0 auto;position:relative;z-index:1}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.team-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);text-align:center}.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.team-card-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--gray-100)}.team-card-image img{width:100%;height:100%;object-fit:cover}.team-card-body{padding:var(--space-xl)}.team-card-body h4{font-size:var(--text-lg);margin-bottom:4px}.team-card-body p{color:var(--primary);font-size:var(--text-sm);font-weight:500}@media(max-width:768px){.workshop-hero{min-height:260px}.workshop-hero.has-banner .workshop-hero-bg{background-size:cover!important;background-position:center center!important}.workshop-hero.has-banner{height:auto;min-height:0;max-height:none;aspect-ratio:16 / 5}.page-hero{min-height:200px;padding:var(--space-2xl) 0}.page-hero.has-banner{height:auto;min-height:0;max-height:none;aspect-ratio:16 / 5;background-size:cover;background-position:center center}.workshop-body{padding:var(--space-lg) 0 var(--space-3xl)}.workshop-content-wrapper{grid-template-columns:1fr;gap:var(--space-2xl)}.workshop-sidebar{position:static}}
