.l-page-banner{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:linear-gradient(135deg,#0a1628 0%,#0f2542 100%);color:var(--color-white);display:flex;align-items:center;overflow:hidden}.l-page-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.l-page-banner__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .5);z-index:1;pointer-events:none}.l-page-banner__inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:calc(3rem + var(--nav-height)) var(--desktop-px) 5rem;width:100%;display:flex;align-items:center;gap:3rem;min-height:300px}.l-page-banner__content{flex:1}.l-page-banner__title{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:800;line-height:1.15;margin-bottom:1rem;font-family:var(--font-heading)}.l-page-banner__desc{font-size:1.05rem;color:rgb(255 255 255 / .7);line-height:1.7;max-width:1000px}.l-page-banner__visual{flex:1;display:flex;align-items:center;justify-content:center}.l-main-layout{display:flex;gap:2.5rem;max-width:var(--max-w);margin:0 auto;padding:3rem var(--desktop-px)}.l-main-layout__sidebar{flex:0 0 280px}.l-main-layout__content{flex:1;min-width:0}.l-detail-layout{display:flex;gap:2.5rem;max-width:var(--max-w);margin:0 auto;padding:3rem var(--desktop-px)}.l-detail-layout__main{flex:1;min-width:0}.l-detail-layout__sidebar{flex:0 0 280px}.l-section{padding:5rem var(--desktop-px)}.l-section--tight{padding:3rem var(--desktop-px)}.l-sidebar-close{display:none}.l-sidebar-toggle{display:none}@media (max-width:1024px){.l-page-banner__inner{padding:2.5rem var(--desktop-px);min-height:240px}.l-main-layout,.l-detail-layout{flex-direction:column}.l-main-layout__sidebar,.l-detail-layout__sidebar{position:fixed;top:0;left:0;width:85vw;max-width:320px;height:100vh;max-height:100vh;overflow-y:auto;z-index:1001;background:var(--color-white);padding:1rem;transform:translateX(-100%);transition:transform 0.35s var(--ease-in-out)}.l-main-layout__sidebar .c-sidebar,.l-detail-layout__sidebar .c-sidebar{position:static}.l-main-layout__sidebar.is-open,.l-detail-layout__sidebar.is-open{transform:translateX(0)}.l-sidebar-close{position:sticky;top:0;float:right;width:36px;height:36px;border-radius:50%;border:1px solid var(--gray-mid);background:var(--color-white);color:var(--text-primary);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;margin-bottom:-36px;transition:background 0.2s}.l-sidebar-close:hover{background:var(--gray-light)}.l-sidebar-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.35s ease}.l-sidebar-overlay.is-visible{opacity:1;pointer-events:auto}.l-sidebar-toggle{display:flex;position:fixed;bottom:1.5rem;left:1.5rem;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;font-size:1.2rem;align-items:center;justify-content:center;cursor:pointer;z-index:999;box-shadow:0 4px 16px rgb(0 0 0 / .25);transition:transform 0.25s ease,opacity 0.25s ease}.l-sidebar-toggle.is-hidden{opacity:0;pointer-events:none;transform:scale(.8)}}@media (max-width:768px){.l-page-banner__inner{flex-direction:column;text-align:center;padding:calc(3rem + 80px) var(--mobile-px) 3rem;min-height:200px}.l-page-banner__desc{max-width:100%}.l-main-layout,.l-detail-layout{padding:2rem var(--mobile-px)}.l-section{padding:3rem var(--mobile-px)}}