.interactive-focus-section{padding:60px 0;background-color:var(--bg-cream)}.interactive-focus-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.interactive-focus-header{margin-bottom:48px;max-width:760px}.interactive-focus-tag{display:inline-block;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--primary-orange);letter-spacing:.05em;text-transform:uppercase;margin-bottom:0}.interactive-focus-title{font-size:var(--fs-h2);font-family:var(--font-heading);font-weight:var(--fw-bold);color:var(--text-dark);line-height:var(--lh-heading);margin-top:0;margin-bottom:12px}.interactive-focus-description{font-size:var(--fs-p);color:var(--medium-gray);line-height:var(--lh-base);font-weight:var(--fw-regular);margin:0}.interactive-focus-layout{display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:stretch}.interactive-focus-nav{display:flex;flex-direction:column;gap:16px;height:auto}.interactive-focus-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 24px;background-color:var(--bg-white);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.interactive-focus-nav-item:hover{border-color:#dd2c0033;box-shadow:var(--shadow-md)}.interactive-focus-nav-item--active{background-color:var(--primary-orange);border-color:var(--primary-orange);box-shadow:var(--shadow-md)}.interactive-focus-nav-text{display:flex;flex-direction:column;gap:4px;text-align:left}.interactive-focus-nav-label{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-dark);transition:color var(--transition-normal)}.interactive-focus-nav-item--active .interactive-focus-nav-label{color:var(--text-white)}.interactive-focus-nav-subtitle{font-size:var(--fs-xs);color:var(--text-gray-muted);font-weight:var(--fw-regular);transition:color var(--transition-normal)}.interactive-focus-nav-item--active .interactive-focus-nav-subtitle{color:#fffc}.interactive-focus-nav-arrow{font-size:1.1rem;color:var(--text-gray-muted);transition:all var(--transition-normal);flex-shrink:0;margin-left:8px}.interactive-focus-nav-item:hover:not(.interactive-focus-nav-item--active) .interactive-focus-nav-arrow{transform:translate(4px);color:var(--primary-orange)}.interactive-focus-nav-item--active .interactive-focus-nav-arrow,.interactive-focus-nav-item--active:hover .interactive-focus-nav-arrow{color:var(--text-white);transform:translate(4px)}.interactive-focus-panel{background-color:var(--bg-white);border-radius:var(--radius-xl);padding:48px;box-shadow:var(--shadow-md);display:flex;align-items:stretch;min-height:480px}.interactive-focus-panel-inner{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:stretch;width:100%}.interactive-focus-panel-content{display:flex;flex-direction:column}.interactive-focus-panel-tag{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--primary-orange);letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--primary-orange);display:inline-block;box-shadow:0 0 0 4px #dd2c0026}.interactive-focus-panel-title{font-size:clamp(1.4rem,2.2vw,1.85rem);font-family:var(--font-heading);font-weight:var(--fw-bold);color:var(--text-dark);margin-top:0;margin-bottom:16px;line-height:var(--lh-heading)}.interactive-focus-panel-description{font-size:1.05rem;color:var(--medium-gray);line-height:1.6;margin-bottom:28px}.interactive-focus-panel-tags{display:flex;flex-wrap:wrap;gap:10px}.interactive-focus-tag-pill{display:inline-block;padding:6px 14px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--medium-gray);background-color:var(--bg-cream);border:1px solid var(--bg-border-cream);border-radius:var(--radius-full);line-height:1;transition:all var(--transition-fast)}@media(hover:hover){.interactive-focus-tag-pill:hover{background-color:var(--primary-orange-light);border-color:#dd2c004d;color:var(--primary-orange);transform:translateY(-2px);box-shadow:0 4px 12px #dd2c0014}}.interactive-focus-panel-image-wrapper{display:flex;justify-content:center;align-items:stretch;height:100%}.interactive-focus-image-container{width:100%;height:100%;min-height:380px;border-radius:var(--radius-lg);overflow:hidden;background-color:#0c122c;box-shadow:var(--shadow-lg)}.interactive-focus-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.interactive-focus-image-container:hover .interactive-focus-image{transform:scale(1.05)}.interactive-focus-section--white{background-color:var(--bg-white)}.interactive-focus-section--white .interactive-focus-panel{background-color:var(--bg-cream)}.interactive-focus-section--white .interactive-focus-nav-item{background-color:var(--bg-cream);border-color:var(--bg-border-cream)}.interactive-focus-section--white .interactive-focus-nav-item--active{background-color:var(--primary-orange);border-color:var(--primary-orange)}.interactive-focus-section--white .interactive-focus-tag-pill{background-color:var(--bg-white);border-color:var(--bg-border-cream)}.interactive-focus-panel-cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--primary-orange);text-decoration:none;margin-top:24px;transition:gap var(--transition-fast),color var(--transition-fast)}.interactive-focus-panel-cta:hover{color:#ff5722;gap:10px}.interactive-focus-panel-cta-arrow{font-size:1rem;transition:transform var(--transition-fast)}.interactive-focus-panel-cta:hover .interactive-focus-panel-cta-arrow{transform:translate(3px)}@media(max-width:991px){.interactive-focus-section{padding:60px 0}.interactive-focus-layout{grid-template-columns:300px 1fr;gap:24px}.interactive-focus-nav-item{padding:16px 20px}.interactive-focus-panel{padding:36px}.interactive-focus-panel-inner{grid-template-columns:1fr;gap:32px}.interactive-focus-panel-description{font-size:var(--fs-base);margin-bottom:20px}.interactive-focus-image-container{height:300px;min-height:auto}}@media(max-width:767px){.interactive-focus-section{padding:40px 0}.interactive-focus-layout{grid-template-columns:1fr;gap:20px}.interactive-focus-nav{display:flex;flex-direction:column;height:auto;gap:10px}.interactive-focus-nav-item{padding:14px 20px;border-radius:var(--radius-md)}.interactive-focus-nav-item:hover .interactive-focus-nav-arrow{transform:none}.interactive-focus-nav-item--active .interactive-focus-nav-arrow,.interactive-focus-nav-item--active:hover .interactive-focus-nav-arrow{transform:rotate(90deg)}.interactive-focus-panel{padding:28px 20px}.interactive-focus-panel-inner{gap:24px}.interactive-focus-image-container{height:250px;min-height:auto}}